diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index ef9f263..6bf2c60 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 $(document).ready(function() {\n \n // Check the initial state for mobile and add class if needed\n function checkMobileAndApplyClass() {\n if (window.innerWidth <= 768) { // Adjust the width to match your mobile breakpoint\n $(\".layout-sidebar-second\").addClass('display-none');\n } else {\n $(\".layout-sidebar-second\").removeClass('display-none');\n }\n }\n\n // Run the mobile check on page load\n checkMobileAndApplyClass();\n\n // Re-check when the window is resized\n $(window).resize(function() {\n checkMobileAndApplyClass();\n });\n\n // $(\"aside.layout-sidebar-second h2\").click(function(event) {\n // const aside = $(\".layout-sidebar-second\");\n // const heading = $(\"aside.layout-sidebar-second h2\");\n \n // // Vérifie si la classe 'close' est présente\n // const isClosed = aside.hasClass('close');\n \n // if (isClosed) {\n // aside.removeClass('close');\n // heading.removeClass('__close');\n // sessionStorage.setItem('asideOpened', 'false');\n // } else {\n // aside.addClass('close');\n // heading.addClass('__close');\n // sessionStorage.setItem('asideOpened', 'true');\n // }\n // });\n \n\n // Gestion toggle du panneau au clic sur le h2\n $(\"aside.layout-sidebar-second h2\").click(function () {\n const aside = $(\".layout-sidebar-second\");\n const heading = $(\"aside.layout-sidebar-second h2\");\n const isClosed = aside.hasClass('close');\n\n if (isClosed) {\n aside.removeClass('close');\n heading.removeClass('__close');\n sessionStorage.setItem('asideOpened', 'false');\n } else {\n aside.addClass('close');\n heading.addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n }\n });\n\n// Forcer la fermeture du panneau au clic sur .views-field-title\n$(\"aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title\").click(function () {\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second h2\").addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n});\n\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 autoplay: true,\n autoplaySpeed: 2000,\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: 1,\n slidesToScroll: 1,\n // dots: true,\n arrows: true,\n // centerMode: true,\n draggable: true,\n centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 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 $(document).ready(function(){\n $('.node-type-site .page-node-site .field--name-field-image .field__items').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 function 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\n if (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 \n jQuery(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/////////////////// déplace synthèse de tous les sites (dans block config 3) dans node site pour faciliter css ///////////////////\n\n(function ($, Drupal) {\n Drupal.behaviors.moveFieldContent = {\n attach: function (context, settings) {\n // Vérifiez que les éléments existent avant de tenter de les manipuler\n if ($('#block-reha-config-pages-3 .field--name-field-fichier', context).length && $('.node-type-site .body-content-site .links-content', context).length) {\n // Déplacer le contenu de .field--name-field-fichier vers .links-content\n var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();\n $('.node-type-site .body-content-site .links-content', context).append(fieldContent);\n }\n if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n // Déplacer le contenu de .field--name-field-fichier vers .links-content\n var fieldContent = $('#block-reha-titredepage h1', context).detach();\n $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n }\n }\n };\n})(jQuery, Drupal);\n\n\n\n\n// //////////////////// start déplacer block-reha-titredepage dans node-type-actu & ressource infos-content ////////////////////////\n\n// (function ($, Drupal) {\n// Drupal.behaviors.moveFieldContent = {\n// attach: function (context, settings) {\n// // Vérifiez que les éléments existent avant de tenter de les manipuler\n// if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n// // Déplacer le contenu de .field--name-field-fichier vers .links-content\n// var fieldContent = $('#block-reha-titredepage h1', context).detach();\n// $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n// }\n// }\n// };\n// })(jQuery, Drupal);\n// //////////////////// end div infos site ////////////////////////\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 $(document).ready(function() {\n \n // Check the initial state for mobile and add class if needed\n function checkMobileAndApplyClass() {\n if (window.innerWidth <= 768) { // Adjust the width to match your mobile breakpoint\n $(\".layout-sidebar-second\").addClass('display-none');\n } else {\n $(\".layout-sidebar-second\").removeClass('display-none');\n }\n }\n\n // Run the mobile check on page load\n checkMobileAndApplyClass();\n\n // Re-check when the window is resized\n $(window).resize(function() {\n checkMobileAndApplyClass();\n });\n\n // Gestion toggle du panneau au clic sur le h2\n $(\"aside.layout-sidebar-second h2\").click(function () {\n const aside = $(\".layout-sidebar-second\");\n const heading = $(\"aside.layout-sidebar-second h2\");\n const isClosed = aside.hasClass('close');\n\n if (isClosed) {\n aside.removeClass('close');\n heading.removeClass('__close');\n sessionStorage.setItem('asideOpened', 'false');\n } else {\n aside.addClass('close');\n heading.addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n }\n });\n\n // Forcer la fermeture du panneau au clic sur .views-field-title\n $(\"aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title\").click(function () {\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second h2\").addClass('__close');\n sessionStorage.setItem('asideOpened', 'true');\n });\n\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 autoplay: false,\n autoplaySpeed: 2000,\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: 1,\n slidesToScroll: 1,\n // dots: true,\n arrows: true,\n // centerMode: true,\n draggable: true,\n centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n slidesToScroll: 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 $(document).ready(function(){\n $('.node-type-site .page-node-site .field--name-field-image .field__items').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 function 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\n if (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 \n jQuery(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/////////////////// déplace synthèse de tous les sites (dans block config 3) dans node site pour faciliter css ///////////////////\n\n(function ($, Drupal) {\n Drupal.behaviors.moveFieldContent = {\n attach: function (context, settings) {\n // Vérifiez que les éléments existent avant de tenter de les manipuler\n if ($('#block-reha-config-pages-3 .field--name-field-fichier', context).length && $('.node-type-site .body-content-site .links-content', context).length) {\n // Déplacer le contenu de .field--name-field-fichier vers .links-content\n var fieldContent = $('#block-reha-config-pages-3 .field--name-field-fichier', context).detach();\n $('.node-type-site .body-content-site .links-content', context).append(fieldContent);\n }\n if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n // Déplacer le contenu de .field--name-field-fichier vers .links-content\n var fieldContent = $('#block-reha-titredepage h1', context).detach();\n $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n }\n }\n };\n})(jQuery, Drupal);\n\n\n\n\n// //////////////////// start déplacer block-reha-titredepage dans node-type-actu & ressource infos-content ////////////////////////\n\n// (function ($, Drupal) {\n// Drupal.behaviors.moveFieldContent = {\n// attach: function (context, settings) {\n// // Vérifiez que les éléments existent avant de tenter de les manipuler\n// if ($('#block-reha-titredepage h1', context).length && $('.node-type-actualite .entete_actu .infos_content', context).length) {\n// // Déplacer le contenu de .field--name-field-fichier vers .links-content\n// var fieldContent = $('#block-reha-titredepage h1', context).detach();\n// $('.node-type-actualite .entete_actu .infos_content', context).append(fieldContent);\n// }\n// }\n// };\n// })(jQuery, Drupal);\n// //////////////////// end div infos site ////////////////////////\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 c0ac246..0a03036 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -661,6 +661,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected- border-bottom: 1px solid black; } header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li { + width: fit-content; text-transform: uppercase; padding: 1rem; border: solid black 1px; @@ -1065,6 +1066,8 @@ aside.layout-sidebar-second footer.view-footer { padding-top: 0; align-self: left; margin-left: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; } @media (max-width: 891px) { aside.layout-sidebar-second footer.view-footer { @@ -1965,7 +1968,6 @@ 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 { top: -44px; position: relative; - height: 550px; } @media (max-width: 891px) { .home-page-layout-content .block-views-blocksites-block-1 .views-row { @@ -1979,12 +1981,17 @@ 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 .entete_site { background-color: white; - height: 520px; - width: 1274px; display: flex; flex-direction: row; margin: auto; } +@media (max-width: 1400px) { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { + width: 100%; + display: flex; + flex-direction: row; + } +} @media (max-width: 891px) { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site { width: 100%; @@ -1994,34 +2001,57 @@ 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 .entete_site .image-site { order: 1; + width: 70%; +} +@media (max-width: 900px) { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site { + 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; + position: relative; } .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; + width: 100%; object-fit: contain; + height: fit-content; +} +@media (max-width: 1500px) { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img { + width: 100%; + } } .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote { - position: relative; + position: absolute; font-style: italic; margin: 0; width: 20vw; z-index: 900; - left: 20vw; - top: -50px; + right: -20vw; + bottom: 0px; +} +@media (max-width: 900px) { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote { + left: 0; + top: 0; + width: 100%; + } } .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; + padding-bottom: 1rem; +} +@media (max-width: 900px) { + .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p { + font-size: 0.8rem; + } } .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; @@ -2034,6 +2064,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div @media (max-width: 891px) { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site { width: auto; + height: auto; + display: flex; + margin: auto; + margin-bottom: 2rem; + margin-top: 2rem; } } .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 { @@ -2121,6 +2156,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div margin-top: 1rem; margin-bottom: 4rem; } +.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 .field--type-link { + padding-left: 0.5rem; + padding-right: 0.3rem; +} .page-sitespilotes .views-element-container { padding-bottom: 8rem; @@ -2512,6 +2551,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div margin-top: 2rem; margin-bottom: 4rem; } +.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link { + padding-left: 0.5rem; + padding-right: 0.3rem; +} .page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after { content: url("../dist/images/noun-arrow-1569918-black.svg"); } diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index bbd700e..df05ddf 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -98,25 +98,6 @@ jQuery(document).ready(function($){ checkMobileAndApplyClass(); }); - // $("aside.layout-sidebar-second h2").click(function(event) { - // const aside = $(".layout-sidebar-second"); - // const heading = $("aside.layout-sidebar-second h2"); - - // // Vérifie si la classe 'close' est présente - // const isClosed = aside.hasClass('close'); - - // if (isClosed) { - // aside.removeClass('close'); - // heading.removeClass('__close'); - // sessionStorage.setItem('asideOpened', 'false'); - // } else { - // aside.addClass('close'); - // heading.addClass('__close'); - // sessionStorage.setItem('asideOpened', 'true'); - // } - // }); - - // Gestion toggle du panneau au clic sur le h2 $("aside.layout-sidebar-second h2").click(function () { const aside = $(".layout-sidebar-second"); @@ -134,12 +115,12 @@ jQuery(document).ready(function($){ } }); -// Forcer la fermeture du panneau au clic sur .views-field-title -$("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () { - $(".layout-sidebar-second").addClass('close'); - $(".layout-sidebar-second h2").addClass('__close'); - sessionStorage.setItem('asideOpened', 'true'); -}); + // Forcer la fermeture du panneau au clic sur .views-field-title + $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title").click(function () { + $(".layout-sidebar-second").addClass('close'); + $(".layout-sidebar-second h2").addClass('__close'); + sessionStorage.setItem('asideOpened', 'true'); + }); }); @@ -160,7 +141,7 @@ $("aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title centerMode: true, adaptiveHeight: true, // centerPadding: '100px', - autoplay: true, + autoplay: false, autoplaySpeed: 2000, responsive: [ { diff --git a/web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss b/web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss index e109487..b507634 100644 --- a/web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss +++ b/web/themes/custom/reha/scss/pages/home/_home-view-presentation.scss @@ -30,6 +30,8 @@ margin-top: 2rem; margin-bottom: 4rem; .field--type-link{ + padding-left: 0.5rem; + padding-right: 0.3rem; .field__item::after{ content: url('../dist/images/noun-arrow-1569918-black.svg'); } 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 94ceca0..98da2e1 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 @@ -28,23 +28,29 @@ .block-views-blocksites-block-1 { top: -44px; position: relative; - height: 550px; + // height: 550px; .views-row{ @media(max-width: 891px){ margin-left: 1.8rem; margin-right: 1.8rem; } + .node-type-site{ width: 70%; margin: auto; .entete_site{ background-color: white; - height: 520px; - width: 1274px; + // height: 520px; + // width: 1274px; display: flex; flex-direction: row; margin: auto; + @media(max-width: 1400px){ + width: 100%; + display: flex; + flex-direction: row; + } @media(max-width: 891px){ width: 100%; display: flex; @@ -53,26 +59,44 @@ .image-site{ order: 1; + width: 70%; + @media(max-width: 900px){ + width: 100%; + } .field__item{ display: flex; flex-direction:column; align-items: flex-end; + position: relative; img { - height: 520px; - width: auto; - object-fit: contain; + // height: 520px; + width: 100%; + object-fit: contain; + height: fit-content; + @media(max-width: 1500px){ + width: 100%; + } } blockquote{ - position: relative; + position: absolute; font-style: italic; margin: 0; width: 20vw; z-index: 900; - left: 20vw; - top: -50px; + right: -20vw; + bottom: 0px; + @media(max-width: 900px){ + left: 0; + top: 0; + width: 100%; + } p{ margin: 0; padding-left: 1rem; + padding-bottom: 1rem; + @media(max-width: 900px){ + font-size: 0.8rem; + } } } } @@ -80,8 +104,8 @@ } .infos-content-site{ background-color: $white-button; - width: 20vw; - height: 400px; + // width: 20vw; + // height: 400px; order: 2; display: flex; flex-direction: column; @@ -92,6 +116,11 @@ justify-content: center; @media(max-width: 891px){ width: auto; + height: auto; + display: flex; + margin: auto; + margin-bottom: 2rem; + margin-top: 2rem; } h1{display: none;} h2{ @@ -188,5 +217,11 @@ // top: -10px; margin-top: 1rem; margin-bottom: 4rem; + + .field--type-link{ + padding-left: 0.5rem; + padding-right: 0.3rem; + } + } } diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss index f6ab4ac..f6c5240 100644 --- a/web/themes/custom/reha/scss/partials/_aside.scss +++ b/web/themes/custom/reha/scss/partials/_aside.scss @@ -161,6 +161,8 @@ aside.layout-sidebar-second{ padding-top: 0; align-self: left; margin-left: 1rem; + padding-left: 0.3rem; + padding-right: 0.3rem; @media (max-width:891px) { font-size: 1rem; diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index fb0e276..749f777 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -371,6 +371,7 @@ header{ } li{ + width: fit-content; text-transform: uppercase; padding: 1rem; border: solid black 1px;