From ed75c518495ebf6849c7a4a07bb3de1b7b84a955 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 25 Jun 2024 00:09:29 +0200 Subject: [PATCH] les sites pilotes --- web/themes/custom/reha/dist/bundle.js | 2 +- web/themes/custom/reha/dist/css/bundle.css | 43 +++++++++++++++---- web/themes/custom/reha/js/reha.js | 1 + .../reha/scss/pages/home/home-view-sites.scss | 6 +-- .../reha/scss/pages/les-sites-pilotes.scss | 43 +++++++++++++++---- .../reha/scss/partials/_slick-theme.scss | 4 +- 6 files changed, 75 insertions(+), 24 deletions(-) diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index 518219f..81032b2 100644 --- a/web/themes/custom/reha/dist/bundle.js +++ b/web/themes/custom/reha/dist/bundle.js @@ -15,7 +15,7 @@ \********************/ /***/ (() => { -eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); +eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n adaptiveHeight: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); /***/ }), diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 4ef649a..533edc5 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1036,8 +1036,8 @@ input { .slick-dots li { position: relative; display: inline-block; - height: 50px; - width: 50px; + height: 20px; + width: 20px; margin: 0 5px; padding: 0; cursor: pointer; @@ -1684,7 +1684,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding: 2rem; margin-right: 1rem; width: 20vw; - margin-left: 12%; + margin-left: 15%; padding-top: 0.5rem; padding-left: 0.8rem; padding-bottom: 5rem; @@ -1818,16 +1818,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div top: -20px; } +.block-page-title-block { + padding-left: 1rem; +} +.block-page-title-block h1 { + font-weight: 1000; +} + .view-display-id-page_1 { display: flex; flex-direction: row; flex-wrap: wrap; + align-items: baseline; + justify-content: space-between; } .view-display-id-page_1 article { padding-bottom: 0.7rem; } .view-display-id-page_1 .views-row { - width: 30%; + width: 28%; padding: 1rem; } .view-display-id-page_1 .views-row .node-type-site { @@ -1893,6 +1902,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div order: 4; font-size: 1.3rem; } +.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { + display: inline; +} +.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { + content: ","; + padding-right: 0.5rem; +} +.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { + content: ""; +} .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links { order: 5; text-transform: uppercase; @@ -1912,6 +1936,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .view-display-id-page_1 footer p:first-of-type { font-size: 2rem; + padding-left: 1rem; } .view-display-id-page_1 footer .view-display-id-block_2 { display: flex; @@ -1920,20 +1945,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .view-display-id-page_1 footer .view-display-id-block_2 .views-row { width: 30%; - padding: 1rem; } .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site { margin: auto; display: flex; flex-direction: column; width: 100%; + background-color: transparent; } .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site { + background-color: transparent; order: 2; display: flex; flex-direction: column; padding-top: 0.5rem; - padding-left: 1rem; + padding-left: 0rem; padding-right: 1rem; } .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 { @@ -1946,7 +1972,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div order: 1; text-transform: uppercase; font-size: 1rem; - font-weight: 200; + font-weight: 400; } .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site::before { content: "SITE"; @@ -1955,9 +1981,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site { order: 3; line-height: 1.3rem; - font-weight: 400; + font-weight: 400 !important; } .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address { + padding-left: 0; margin: 0; display: inline-flex; font-size: 1.3rem; diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 9c3367b..f7681ea 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -90,6 +90,7 @@ jQuery(document).ready(function($){ dots: false, arrows: true, centerMode: true, + adaptiveHeight: true, // centerPadding: '100px', responsive: [ { diff --git a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss index fd81b1c..7489e93 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss +++ b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss @@ -7,7 +7,7 @@ padding: 2rem; margin-right: 1rem; width: 20vw; - margin-left: 12%; + margin-left: 15%; padding-top: 0.5rem; padding-left: 0.8rem; padding-bottom: 5rem; @@ -52,16 +52,12 @@ grid-column: 2/span 10; width: 100%; img { - // width: 70%; - // // object-fit: cover; - // height: auto; max-height: 500px; width: 100%; object-fit: cover; } } .infos-content-site{ - // border: solid $yellow-puca 1px; background-color: $white-button; width: 20vw; order: 2; diff --git a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss index e39e9fd..aa58f1a 100644 --- a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss +++ b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss @@ -1,13 +1,22 @@ + +.block-page-title-block{ + padding-left: 1rem; + h1{ + font-weight: 1000; + } +} .view-display-id-page_1{ display: flex; flex-direction: row; flex-wrap: wrap; + align-items: baseline; + justify-content: space-between; article{ padding-bottom: 0.7rem; } .views-row{ - width: 30%; + width: 28%; padding: 1rem; .node-type-site{ margin: auto; @@ -72,6 +81,22 @@ order: 4; // padding-top: 1rem; font-size: 1.3rem; + .field__items{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .field__item{ + display: inline; + &::after{ + content:','; + padding-right: 0.5rem; + } + + } + } + .field__item:last-of-type::after { + content: ''; + } } ul.links{ order: 5; @@ -98,6 +123,8 @@ background-color: transparent; p:first-of-type{ font-size: 2rem; + padding-left: 1rem; + // font-weight: 1000; } .view-display-id-block_2{ display: flex; @@ -105,33 +132,32 @@ flex-wrap: wrap; .views-row{ width: 30%; - padding: 1rem; + // padding: 1rem; .node-type-site{ margin: auto; display: flex; flex-direction: column; width: 100%; + background-color: transparent; .infos-content-site{ - // border: solid $yellow-puca 1px; - // background-color: transparent; + background-color: transparent; order: 2; display: flex; flex-direction: column; padding-top: 0.5rem; - padding-left: 1rem; + padding-left: 0rem; padding-right: 1rem; h2{ order: 2; margin: 0; font-size: 1.8rem; font-weight: 900; - } .field--name-field-lettre-de-site { order: 1; text-transform: uppercase; font-size: 1rem; - font-weight: 200; + font-weight: 400; &::before{ content:'SITE'; padding-right: 0.5rem; @@ -140,9 +166,10 @@ .field--name-field-adresse-site{ order: 3; line-height: 1.3rem; - font-weight: 400; + font-weight: 400 !important; p.address{ + padding-left: 0; margin: 0; display: inline-flex; font-size: 1.3rem; diff --git a/web/themes/custom/reha/scss/partials/_slick-theme.scss b/web/themes/custom/reha/scss/partials/_slick-theme.scss index 82771bf..1da14da 100644 --- a/web/themes/custom/reha/scss/partials/_slick-theme.scss +++ b/web/themes/custom/reha/scss/partials/_slick-theme.scss @@ -156,8 +156,8 @@ $slick-opacity-not-active: 0.25 !default; li { position: relative; display: inline-block; - height: 50px; - width: 50px; + height: 20px; + width: 20px; margin: 0 5px; padding: 0; cursor: pointer;