From 5c16a8f4af8df737668ab3f2322b977541c198aa Mon Sep 17 00:00:00 2001 From: ouidade Date: Mon, 1 Jul 2024 16:33:16 +0200 Subject: [PATCH] entete sit --- web/themes/custom/reha/dist/bundle.js | 2 +- web/themes/custom/reha/dist/css/bundle.css | 243 +++++++++------ web/themes/custom/reha/js/reha.js | 47 +-- web/themes/custom/reha/reha.theme | 4 + .../reha/scss/pages/home/home-view-sites.scss | 224 +++++++------ .../custom/reha/scss/pages/node-site.scss | 294 ++++++++++-------- .../reha/scss/partials/_slick-theme.scss | 6 +- .../reha/templates/node--site.html.twig | 69 ++-- 8 files changed, 488 insertions(+), 401 deletions(-) diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index 2af5046..58c6926 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 ////////////// tiroir fichiers ///////\n\n // $(\".profile--type--collaborateur\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'90%'},350);\n // });\n // $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'0%'},350);\n // });\n $(document).ready(function() {\n // Vérifier l'état initial depuis sessionStorage\n if (sessionStorage.getItem('asideOpened') === 'true') {\n $(\".layout-sidebar-second\").addClass('close');\n $(\"h2\").addClass('__close');\n }\n\n $(\".profile--type--collaborateur\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").addClass('close');\n $(\"h2\").addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n });\n\n $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // Fermer .tiroir fichiers\n $(\".layout-sidebar-second\").removeClass('close');\n $(\"h2\").removeClass('__close');\n sessionStorage.setItem('asideOpened', 'false');\n });\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 \n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n// (function($, window) {\n// var adjustAnchor = function() {\n// var $anchor = $('.block-region-first'),\n// fixedElementHeight = 300;\n// console.log($anchor);\n// if ($anchor.length > 0) {\n// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n// }\n// };\n\n// $(window).on('hashchange', function() {\n// adjustAnchor();\n// });\n// }); \n\nfunction adjustAnchor() {\n var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL\n var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element\n\n if ($anchor.length > 0) {\n $('html, body').stop().animate({\n scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height\n }, 0);\n }\n}\n\n// Call the function on page load if there's a hash\nif (window.location.hash) {\n adjustAnchor();\n}\n\n// Adjust the anchor on hash change\n$(window).on('hashchange', function() {\n adjustAnchor();\n});\n\n\n\n//////////////////////////////////////////\n// menu ancre paragraphe quand actif\n \njQuery(function($) {\n // Function to set the active class based on the current path\n function setActiveLink() {\n var path = window.location.href;\n console.log(path);\n $(\".layout__region--first .block-region-first li a\").each(function() {\n if (this.href === path) {\n $(this).closest('a').addClass('active');\n }\n });\n }\n\n // Initially set the active link based on the current URL\n setActiveLink();\n\n // Update the active link on click\n $(\".layout__region--first .block-region-first li a\").on('click', function() {\n $(\".layout__region--first .block-region-first li a\").removeClass('active');\n $(this).addClass('active');\n });\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 ////////////// tiroir fichiers ///////\n\n // $(\".profile--type--collaborateur\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'90%'},350);\n // });\n // $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // // Ouvrir .tiroir fichiers\n // $(\".layout-sidebar-second\").animate({translate:'0%'},350);\n // });\n $(document).ready(function() {\n // Vérifier l'état initial depuis sessionStorage\n if (sessionStorage.getItem('asideOpened') === 'true') {\n $(\".layout-sidebar-second\").addClass('close');\n $(\"h2\").addClass('__close');\n }\n\n $(\".profile--type--collaborateur\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").addClass('close');\n $(\"h2\").addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n });\n\n $(\"#block-reha-views-block-current-user-doc-profile-block-1 > h2\").click(function(event) {\n // Fermer .tiroir fichiers\n $(\".layout-sidebar-second\").removeClass('close');\n $(\"h2\").removeClass('__close');\n sessionStorage.setItem('asideOpened', 'false');\n });\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 // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items\n // $(document).ready(function(){\n // $('.page-node-site .node-type-site .entete_site .image-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 site');\n // });\n\n\n \n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n// (function($, window) {\n// var adjustAnchor = function() {\n// var $anchor = $('.block-region-first'),\n// fixedElementHeight = 300;\n// console.log($anchor);\n// if ($anchor.length > 0) {\n// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n// }\n// };\n\n// $(window).on('hashchange', function() {\n// adjustAnchor();\n// });\n// }); \n\nfunction adjustAnchor() {\n var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL\n var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element\n\n if ($anchor.length > 0) {\n $('html, body').stop().animate({\n scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height\n }, 0);\n }\n}\n\n// Call the function on page load if there's a hash\nif (window.location.hash) {\n adjustAnchor();\n}\n\n// Adjust the anchor on hash change\n$(window).on('hashchange', function() {\n adjustAnchor();\n});\n\n\n\n//////////////////////////////////////////\n// menu ancre paragraphe quand actif\n \njQuery(function($) {\n // Function to set the active class based on the current path\n function setActiveLink() {\n var path = window.location.href;\n console.log(path);\n $(\".layout__region--first .block-region-first li a\").each(function() {\n if (this.href === path) {\n $(this).closest('a').addClass('active');\n }\n });\n }\n\n // Initially set the active link based on the current URL\n setActiveLink();\n\n // Update the active link on click\n $(\".layout__region--first .block-region-first li a\").on('click', function() {\n $(\".layout__region--first .block-region-first li a\").removeClass('active');\n $(this).addClass('active');\n });\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 81a3e89..4349a51 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1104,7 +1104,7 @@ aside.layout-sidebar-second footer.view-footer :hover { .slick-next:before { font-family: "slick"; font-size: 200px; - line-height: 1; + line-height: 1.5; color: rgb(153, 147, 174); opacity: 0.4; -webkit-font-smoothing: antialiased; @@ -1112,7 +1112,7 @@ aside.layout-sidebar-second footer.view-footer :hover { } .slick-prev { - left: 250px; + left: 180px; padding-left: 4rem; } [dir=rtl] .slick-prev { @@ -1127,7 +1127,7 @@ aside.layout-sidebar-second footer.view-footer :hover { } .slick-next { - right: 350px; + right: 270px; } [dir=rtl] .slick-next { left: -25px; @@ -1804,7 +1804,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding: 2rem; margin-right: 1rem; width: 16vw; - margin-left: 15%; + margin-left: 12%; padding-top: 0.5rem; padding-left: 0.8rem; padding-bottom: 5rem; @@ -1837,120 +1837,141 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site { width: 70%; margin: auto; - display: grid; - grid-template-rows: repeat(12, 1fr); - grid-template-columns: repeat(12, 1fr); +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { + background-color: white; + height: 520px; + width: 1274px; + display: flex; + flex-direction: row; } @media (max-width: 891px) { - .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { width: 100%; display: flex; flex-direction: column; } } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site { order: 1; - grid-row: 1/span 10; - grid-column: 2/span 10; - width: 100%; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img { - max-height: 600px; - width: 100%; +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item { + display: flex; + flex-direction: column; + align-items: flex-end; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img { + height: 520px; + width: auto; object-fit: contain; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote { + position: relative; + font-style: italic; + margin: 0; + width: 20vw; + z-index: 900; + left: 20vw; + top: -50px; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p { + margin: 0; + padding-left: 1rem; +} +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { background-color: rgb(255, 255, 255); width: 20vw; + height: 400px; order: 2; display: flex; flex-direction: column; - grid-row: 7/span 5; - grid-column: 10/span 10; + margin: auto; padding: 1rem; z-index: 99; + position: relative; + justify-content: center; } @media (max-width: 891px) { - .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { width: auto; } } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h1 { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 { display: none; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h2 { order: 3; margin: 0; font-size: 1.8rem; font-weight: 1000; } @media (max-width: 891px) { - .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h2 { font-size: 1.2rem; line-height: 1.3rem; } } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row { order: 1; display: flex; flex-direction: row; align-items: end; padding-bottom: 0.5rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1rem; display: inline-flex; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after { content: "|"; padding-left: 1rem; padding-right: 1rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site { order: 3; font-size: 1.2rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item { display: flex; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item { display: flex; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address { margin: 0; display: inline-flex; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { order: 2; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country { display: none; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte { order: 4; font-size: 1.4rem; padding-top: 0.5rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items { display: flex; flex-direction: row; flex-wrap: wrap; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item { display: inline; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after { content: ","; padding-right: 0.5rem; } -.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { +.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { content: ""; } .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { @@ -2678,24 +2699,33 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .page-node-site .region-content { width: 80%; margin: auto; - display: grid; - grid-template-columns: repeat(8, 1fr); - grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr); + display: flex; + flex-direction: column; } .page-node-site .region-content #block-reha-prevnextblock { display: flex; flex-direction: row; - grid-column: 2/span 8; - grid-row: 2; + width: 1274px; + grid-row: 1; z-index: 97; height: fit-content; - justify-content: space-evenly; + justify-content: space-between; + margin: auto; +} +.page-node-site .region-content #block-reha-prevnextblock .next-site { + border: none; + padding: 0.5rem 1rem; + margin-left: auto; } .page-node-site .region-content #block-reha-prevnextblock .next-site ::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; padding-top: 0.1rem; } +.page-node-site .region-content #block-reha-prevnextblock .prev-site { + border: none; + padding: 0.5rem 1rem; +} .page-node-site .region-content #block-reha-prevnextblock .prev-site ::before { content: url("../../dist/images/noun-arrow-1569918-black.svg"); display: inline-block; @@ -2706,132 +2736,147 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div display: none; } .page-node-site .region-content #block-reha-contenudelapageprincipale { - grid-column: 1/span 8; - grid-row: 2/span 10; + padding-top: 2rem; + padding-bottom: 3rem; } .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site { margin: auto; display: flex; flex-direction: column; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site { - order: 2; - top: -115px; - position: relative; +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site { + background-color: white; + height: 520px; + width: 1274px; + display: flex; + flex-direction: row; + margin: auto; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site { + order: 1; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image { width: 100%; margin: auto; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item { - display: flex; - flex-direction: row; -} -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item img { - width: 100%; - object-fit: cover; - height: auto; - padding-left: 13%; -} -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote { - align-self: flex-end; - font-style: italic; - margin: 0; - width: 20%; -} -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote p { - margin: 0; - padding-left: 1rem; -} -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site { - z-index: 99; - background-color: rgb(255, 255, 255); - width: 25vw; - order: 1; +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item { display: flex; flex-direction: column; - padding-left: 1rem; - padding-right: 1rem; - padding-bottom: 4rem; - padding-top: 1rem; + align-items: flex-end; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h1 { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item img { + height: 520px; + width: auto; + object-fit: contain; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote { + position: relative; + font-style: italic; + margin: 0; + width: 20vw; + z-index: 900; + left: 20vw; + top: -50px; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote p { + margin: 0; + padding-left: 1rem; +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site { + background-color: rgb(255, 255, 255); + width: 20vw; + height: 400px; + order: 2; + display: flex; + flex-direction: column; + margin: auto; + padding: 1rem; + z-index: 99; + position: relative; + justify-content: center; +} +@media (max-width: 891px) { + .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site { + width: auto; + } +} +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site h1 { order: 3; margin: 0; font-size: 1.8rem; font-weight: 900; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h2 { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site h2 { order: 3; margin: 0; font-size: 1.3rem; font-weight: 900; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row { order: 1; display: flex; flex-direction: row; align-items: end; padding-bottom: 0.5rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-numero-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1rem; display: inline-flex; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after { content: "|"; padding-left: 1rem; padding-right: 1rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site { order: 3; font-size: 1.2rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item { display: flex; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address { margin: 0; display: inline-flex; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { order: 2; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country { display: none; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-date-de-construction { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-date-de-construction { order: 5; font-size: 1.2rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte { order: 4; padding-top: 0.5rem; font-size: 1.2rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items { display: flex; flex-direction: row; flex-wrap: wrap; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item { display: inline; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after { content: ","; padding-right: 0.5rem; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { content: ""; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site ul.links { order: 5; text-transform: uppercase; padding: 0; @@ -2841,13 +2886,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-top: 0.9rem; display: inline-flex; } -.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links::after { +.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site ul.links::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site { order: 3; - top: -60px; + padding-top: 4rem; position: relative; width: 50%; margin: auto; diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 5c711ef..d79adae 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -163,29 +163,30 @@ jQuery(document).ready(function($){ }); console.log('slick actu'); }); - $(document).ready(function(){ - $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({ - slidesToShow: 1, - slidesToScroll: 1, - dots: true, - arrows: false, - adaptiveHeight: true, - // centerMode: true, - // centerPadding: '100px', - responsive: [ - { - breakpoint: 810, - settings: { - slidesToShow: 1, - adaptiveHeight: true, - arrows: false, - draggable: true, - centerMode: true, - } - }] - }); - console.log('slick actu'); - }); + // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items + // $(document).ready(function(){ + // $('.page-node-site .node-type-site .entete_site .image-site .field--name-field-image > div:nth-child(2)').slick({ + // slidesToShow: 1, + // slidesToScroll: 1, + // dots: true, + // arrows: false, + // adaptiveHeight: true, + // // centerMode: true, + // // centerPadding: '100px', + // responsive: [ + // { + // breakpoint: 810, + // settings: { + // slidesToShow: 1, + // adaptiveHeight: true, + // arrows: false, + // draggable: true, + // centerMode: true, + // } + // }] + // }); + // console.log('slick site'); + // }); diff --git a/web/themes/custom/reha/reha.theme b/web/themes/custom/reha/reha.theme index 3e30b3c..9baa1a7 100644 --- a/web/themes/custom/reha/reha.theme +++ b/web/themes/custom/reha/reha.theme @@ -46,6 +46,7 @@ function reha_preprocess_html(&$variables) { $numero_field_content = ''; $adresse_field_content = ''; $lettre_field_content = ''; + $image_caption_field_content = ''; foreach ($variables['content'] as $field_name => $field_content) { if ($field_name == 'body') { @@ -60,6 +61,8 @@ function reha_preprocess_html(&$variables) { $adresse_field_content = $field_content; } elseif ($field_name == 'field_lettre_de_site') { $adresse_field_content = $field_content; + } elseif ($field_name == 'image_field_caption') { + $image_caption_field_content = $field_content; } elseif (!in_array($field_name, $fields_to_exclude)) { $filtered_content[$field_name] = $field_content; } else { @@ -75,6 +78,7 @@ function reha_preprocess_html(&$variables) { $variables['adresse_field_content'] = $adresse_field_content; $variables['numero_field_content'] = $numero_field_content; $variables['field_lettre_de_site'] = $lettre_field_content; + $variables['image_field_caption'] = $image_caption_field_content; } } 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 37f254e..c68a0bd 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: 16vw; - margin-left: 15%; + margin-left: 12%; padding-top: 0.5rem; padding-left: 0.8rem; padding-bottom: 5rem; @@ -38,117 +38,141 @@ .node-type-site{ width: 70%; margin: auto; - display: grid; - grid-template-rows: repeat(12, 1fr); - grid-template-columns: repeat(12, 1fr); + .entete_site{ + background-color: white; + height: 520px; + width: 1274px; + display: flex; + flex-direction: row; @media(max-width: 891px){ width: 100%; display: flex; flex-direction: column; - } - .image-site{ - order: 1; - grid-row: 1/span 10; - grid-column: 2/span 10; - width: 100%; - img { - max-height: 600px; - width: 100%; - object-fit: contain; - } - } - .infos-content-site{ - background-color: $white-button; - width: 20vw; - order: 2; - display: flex; - flex-direction: column; - grid-row: 7/span 5; - grid-column: 10/span 10; - padding: 1rem; - z-index: 99; - @media(max-width: 891px){ - width: auto; - } - h1{display: none;} - h2{ - order: 3; - margin: 0; - font-size: 1.8rem; - font-weight: 1000; - @media(max-width: 891px){ - font-size: 1.2rem; - line-height: 1.3rem; - } - } - .first-row{ + } + + .image-site{ order: 1; - display:flex; - flex-direction: row; - align-items: end; - padding-bottom: 0.5rem; - .field--name-field-numero-site { - order: 1; - text-transform: uppercase; - font-size: 1rem; - display: inline-flex; - &::after{ - content: '|'; - padding-left: 1rem; - padding-right: 1rem; - } - } - .field--name-field-adresse-site{ - order: 3; - font-size: 1.2rem; - .field__item{ - display: flex; - - } - .field__item{ - display: flex; - } - .address{ - margin: 0; - display: inline-flex; - .postal-code{ - order: 2; - } - .locality{ - order: 1; - text-transform: capitalize; - margin-right: 0.5rem; - } - .country{ - display: none; - } - } - } - } - - - .field--name-field-architecte{ - order: 4; - font-size: 1.4rem; - padding-top: 0.5rem; - .field__items{ + .field__item{ display: flex; - flex-direction: row; - flex-wrap: wrap; - .field__item{ - display: inline; - &::after{ - content:','; - padding-right: 0.5rem; + flex-direction:column; + align-items: flex-end; + img { + height: 520px; + width: auto; + object-fit: contain; + } + blockquote{ + position: relative; + font-style: italic; + margin: 0; + width: 20vw; + z-index: 900; + left: 20vw; + top: -50px; + p{ + margin: 0; + padding-left: 1rem; } - } } - .field__item:last-of-type::after { - content: ''; + + } + .infos-content-site{ + background-color: $white-button; + width: 20vw; + height: 400px; + order: 2; + display: flex; + flex-direction: column; + margin: auto; + padding: 1rem; + z-index: 99; + position: relative; + justify-content: center; + @media(max-width: 891px){ + width: auto; + } + h1{display: none;} + h2{ + order: 3; + margin: 0; + font-size: 1.8rem; + font-weight: 1000; + @media(max-width: 891px){ + font-size: 1.2rem; + line-height: 1.3rem; + } + } + .first-row{ + order: 1; + display:flex; + flex-direction: row; + align-items: end; + padding-bottom: 0.5rem; + .field--name-field-numero-site { + order: 1; + text-transform: uppercase; + font-size: 1rem; + display: inline-flex; + &::after{ + content: '|'; + padding-left: 1rem; + padding-right: 1rem; + } + } + .field--name-field-adresse-site{ + order: 3; + font-size: 1.2rem; + .field__item{ + display: flex; + + } + .field__item{ + display: flex; + } + .address{ + margin: 0; + display: inline-flex; + .postal-code{ + order: 2; + } + .locality{ + order: 1; + text-transform: capitalize; + margin-right: 0.5rem; + } + .country{ + display: none; + } + } + } + } + + + .field--name-field-architecte{ + order: 4; + font-size: 1.4rem; + padding-top: 0.5rem; + .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: ''; + } } } } + } } diff --git a/web/themes/custom/reha/scss/pages/node-site.scss b/web/themes/custom/reha/scss/pages/node-site.scss index b5e045c..c2bfc6a 100644 --- a/web/themes/custom/reha/scss/pages/node-site.scss +++ b/web/themes/custom/reha/scss/pages/node-site.scss @@ -11,20 +11,22 @@ width: 80%; margin: auto; - display: grid; - grid-template-columns: repeat(8, 1fr); - grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr); + display: flex; + flex-direction: column; #block-reha-prevnextblock{ display: flex; flex-direction: row; - grid-column: 2 /span 8; - grid-row: 2; + width: 1274px; + grid-row: 1; z-index: 97; height: fit-content; - // align-self: end; - justify-content: space-evenly; + justify-content: space-between; + margin: auto; .next-site{ + border: none; + padding: 0.5rem 1rem; + margin-left: auto; ::after{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); padding-left: 0.5rem; @@ -32,6 +34,8 @@ } } .prev-site{ + border: none; + padding: 0.5rem 1rem; ::before{ content: url('../../dist/images/noun-arrow-1569918-black.svg'); display: inline-block; @@ -45,155 +49,171 @@ display: none; } #block-reha-contenudelapageprincipale{ - grid-column: 1 /span 8; - grid-row: 2 /span 10; + padding-top: 2rem; + padding-bottom: 3rem; .node-type-site{ margin: auto; display: flex; flex-direction: column; - .image-site{ - order: 2; - top: -115px; - position: relative; - .field--name-field-image{ - width: 100%; - margin: auto; - .field__item{ - display: flex; - flex-direction: row; - img{ - width: 100%; - object-fit: cover; - height: auto; - padding-left: 13%; - } - blockquote{ - align-self: flex-end; - font-style: italic; - margin: 0; - width: 20%; - - p{ - margin: 0; - padding-left: 1rem; - } - } - } - } - } - - .infos-content-site{ - z-index: 99; - background-color: $white-button; - width: 25vw; - order: 1; + .entete_site{ + background-color: white; + height: 520px; + width: 1274px; display: flex; - flex-direction: column; - padding-left: 1rem; - padding-right: 1rem; - padding-bottom: 4rem; - padding-top: 1rem; - h1{ - order: 3; - margin: 0; - font-size: 1.8rem; - font-weight: 900; - } - h2{ - order: 3; - margin: 0; - font-size: 1.3rem; - font-weight: 900; - - } - .first-row{ + flex-direction: row; + margin: auto; + .image-site{ order: 1; - display:flex; - flex-direction: row; - align-items: end; - padding-bottom: 0.5rem; - .field--name-field-numero-site { - order: 1; - text-transform: uppercase; - font-size: 1rem; - display: inline-flex; - &::after{ - content: '|'; - padding-left: 1rem; - padding-right: 1rem; - } - } - .field--name-field-adresse-site{ - order: 3; - font-size: 1.2rem; + // top: -115px; + // position: relative; + .field--name-field-image{ + width: 100%; + margin: auto; .field__item{ display: flex; + flex-direction:column; + align-items: flex-end; + img{ + height: 520px; + width: auto; + object-fit: contain; + } + blockquote{ + position: relative; + font-style: italic; + margin: 0; + width: 20vw; + z-index: 900; + left: 20vw; + top: -50px; + + p{ + margin: 0; + padding-left: 1rem; + } + } + } + } + } + + .infos-content-site{ + background-color: $white-button; + width: 20vw; + height: 400px; + order: 2; + display: flex; + flex-direction: column; + margin: auto; + padding: 1rem; + z-index: 99; + position: relative; + justify-content: center; + @media(max-width: 891px){ + width: auto; + } + h1{ + order: 3; + margin: 0; + font-size: 1.8rem; + font-weight: 900; + } + h2{ + order: 3; + margin: 0; + font-size: 1.3rem; + font-weight: 900; - } - - .address{ - margin: 0; - display: inline-flex; - .postal-code{ - order: 2; - } - .locality{ - order: 1; - text-transform: capitalize; - margin-right: 0.5rem; - } - .country{ - display: none; - } - } } - } - - .field--name-field-date-de-construction{ - order: 5; - font-size: 1.2rem; - } - .field--name-field-architecte{ - order: 4; - padding-top: 0.5rem; - font-size: 1.2rem; - .field__items{ - display: flex; + .first-row{ + order: 1; + display:flex; flex-direction: row; - flex-wrap: wrap; - .field__item{ - display: inline; + align-items: end; + padding-bottom: 0.5rem; + .field--name-field-numero-site { + order: 1; + text-transform: uppercase; + font-size: 1rem; + display: inline-flex; &::after{ - content:','; - padding-right: 0.5rem; + content: '|'; + padding-left: 1rem; + padding-right: 1rem; + } + } + .field--name-field-adresse-site{ + order: 3; + font-size: 1.2rem; + .field__item{ + display: flex; + + } + + .address{ + margin: 0; + display: inline-flex; + .postal-code{ + order: 2; + } + .locality{ + order: 1; + text-transform: capitalize; + margin-right: 0.5rem; + } + .country{ + display: none; + } } - } } - .field__item:last-of-type::after { - content: ''; + + .field--name-field-date-de-construction{ + order: 5; + font-size: 1.2rem; } - } - ul.links{ - order: 5; - text-transform: uppercase; - padding: 0; - margin: 0; - border: none; - padding-bottom: 2rem; - padding-top: 0.9rem; - display: inline-flex; - &::after{ - content:url("../../dist/images/noun-arrow-1569918-black.svg"); - padding-left: 0.5rem; + .field--name-field-architecte{ + order: 4; + padding-top: 0.5rem; + font-size: 1.2rem; + .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; + text-transform: uppercase; + padding: 0; + margin: 0; + border: none; + padding-bottom: 2rem; + padding-top: 0.9rem; + display: inline-flex; + &::after{ + content:url("../../dist/images/noun-arrow-1569918-black.svg"); + padding-left: 0.5rem; + } + + } + + } + } .body-content-site{ order: 3; - top: -60px; + // top: -60px; + padding-top: 4rem; position: relative; width: 50%; margin: auto; diff --git a/web/themes/custom/reha/scss/partials/_slick-theme.scss b/web/themes/custom/reha/scss/partials/_slick-theme.scss index e78dfeb..54d29c5 100644 --- a/web/themes/custom/reha/scss/partials/_slick-theme.scss +++ b/web/themes/custom/reha/scss/partials/_slick-theme.scss @@ -95,7 +95,7 @@ $slick-opacity-not-active: 0.25 !default; &:before { font-family: $slick-font-family; font-size: 200px; - line-height: 1; + line-height: 1.5; color: $slick-arrow-color; opacity: $slick-opacity-default; -webkit-font-smoothing: antialiased; @@ -104,7 +104,7 @@ $slick-opacity-not-active: 0.25 !default; } .slick-prev { - left: 250px; + left: 180px; padding-left: 4rem; [dir="rtl"] & { left: auto; @@ -125,7 +125,7 @@ $slick-opacity-not-active: 0.25 !default; } .slick-next { - right: 350px; + right: 270px; [dir="rtl"] & { left: -25px; right: auto; diff --git a/web/themes/custom/reha/templates/node--site.html.twig b/web/themes/custom/reha/templates/node--site.html.twig index 861aedb..f1b86ac 100644 --- a/web/themes/custom/reha/templates/node--site.html.twig +++ b/web/themes/custom/reha/templates/node--site.html.twig @@ -95,55 +95,48 @@ #} - {{ title_prefix }} -
-
-

{{ node.label }}

- {% if label and not page %} - - {{ label }} - +
+ {% if image_field_content %} +
+ {{ image_field_content }} +
{% endif %} - - {% for field_name, field_content in filtered_content %} - {{ field_content }} - - {% endfor %} - {% if adresse_field_content is defined %} +
+

{{ node.label }}

+ {% if label and not page %} + + {{ label }} + + {% endif %} + {% for field_name, field_content in filtered_content %} + {{ field_content }} + {% endfor %} + {% if adresse_field_content is defined %}
{{ numero_field_content }} {{ adresse_field_content }} {{ lettre_field_content }} +
+ {% endif %} +
+
+ {% if body_field_content is defined or files_field_content is defined %} +
+ {% if body_field_content is defined %} +
+ {{ body_field_content }} +
+ {% endif %} + {% if files_field_content is defined %} +
+ {{ files_field_content }} + {{ liens_field_content }}
{% endif %} -
- {% if image_field_content %} -
- {{ image_field_content }} -
{% endif %} - -
- {% if body_field_content is defined or files_field_content is defined %} -
- {% if body_field_content is defined %} -
- {{ body_field_content }} -
- {% endif %} - {% if files_field_content is defined %} -
- {{ files_field_content }} - {{ liens_field_content }} -
- {% endif %} -
- {% endif %} - {{ title_suffix }} - {% if display_submitted %}