diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index cd0dcd5..06821d7 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 // Vérifier l'état initial depuis sessionStorage\n if (sessionStorage.getItem('asideOpened') === 'true') {\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second h2\").addClass('__close');\n }\n\n $(\".view-current-user-doc-profile\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second 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 $(\".layout-sidebar-second 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: 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 adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\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 .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\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/////////////////// 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 }\n };\n})(jQuery, Drupal);\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 // Vérifier l'état initial depuis sessionStorage\n if (sessionStorage.getItem('asideOpened') === 'true') {\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second h2\").addClass('__close');\n }\n\n $(\".view-current-user-doc-profile\").click(function(event) {\n // Ouvrir .tiroir fichiers\n $(\".layout-sidebar-second\").addClass('close');\n $(\".layout-sidebar-second 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 $(\".layout-sidebar-second 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: 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 adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\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 .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 }\n };\n})(jQuery, Drupal);\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 8645b54..493ccaf 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -2544,72 +2544,78 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div margin: auto; } .block-views-blockactus-block-1 .view-id-actus .views-row { - width: 30vw !important; + width: 35vw !important; margin-left: 1rem; } .block-views-blockactus-block-1 .view-id-actus .views-row:first-of-type { padding-left: 15%; } .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite { - width: 84%; - display: flex; - flex-direction: column; - height: 100%; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite p.field__item { - display: none; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite { - width: 80%; - height: 250px; - margin-left: 1rem; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image { - height: 100%; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items { - height: 100%; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item { width: 100%; height: 100%; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite .field--name-field-image .field__items .field__item img { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu { + display: flex; + flex-direction: column; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu p.field__item { + display: none; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite { + width: 75%; + height: 250px; + right: 10%; + position: relative; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image { + height: 100%; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items { + height: 100%; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items .field__item { + width: 100%; + height: 100%; +} +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .image-actualite .field--name-field-image .field__items .field__item img { width: 100%; height: auto; object-fit: cover; height: 100%; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content { position: relative; display: flex; flex-direction: column; border: solid #fdc300 1px; background-color: rgb(255, 255, 255); padding: 1rem; + width: 100%; + right: 0%; + height: auto; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content h2 { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content h2 { order: 2; margin: 0; font-size: 1.5rem; font-weight: 600; padding: 0; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-sous-titre { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-sous-titre { order: 3; font-size: 1.3rem; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-date { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-date { order: 4; font-weight: 900; padding-bottom: 1rem; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-type-d-actualite { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-type-d-actualite { order: 1; text-transform: uppercase; font-size: 1.2rem; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site { order: 5; background-color: rgb(153, 147, 174); color: white; @@ -2617,18 +2623,18 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div width: fit-content; padding: 0.2rem 0.9rem; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content .field--name-field-site .field__item { display: inline; color: white; font-weight: 900; font-size: 0.8rem; vertical-align: top; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content ul.links { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .infos-content ul.links { order: 6; display: none; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content { +.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite > .entete_actu .body-content { display: none; } .block-views-blockactus-block-1 .view-id-actus .slick-dots { @@ -3315,4 +3321,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .page-mon-espace-de-travail .layout-content .js-form-type-textfield label { margin-right: 1rem; +} + +.page-actualites .node-type-actualite { + width: 30vw !important; +} +.page-actualites .node-type-actualite .entete_actu { + flex-direction: column; +} +.page-actualites .node-type-actualite .entete_actu .infos-content { + width: 100%; + height: 250px; + right: 0; } \ No newline at end of file diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 5b41cc0..3d1ccd4 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -135,13 +135,13 @@ jQuery(document).ready(function($){ $(document).ready(function(){ $('.view-id-actus.view-display-id-block_1 ').slick({ - // slidesToShow: 1, - // slidesToScroll: 1, + slidesToShow: 1, + slidesToScroll: 1, // dots: true, arrows: true, // centerMode: true, draggable: true, - // centerPadding: '100px', + centerPadding: '100px', responsive: [ { breakpoint: 810, @@ -188,53 +188,53 @@ jQuery(document).ready(function($){ // ///////////////// //// ancre dans texte au click parragraphe correspondant arrive en dessous du header -function adjustAnchor() { - var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL - var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element + function adjustAnchor() { + var $anchor = $(window.location.hash); // Select the anchor element based on the hash in the URL + var fixedElementHeight = $('.block-region-first').outerHeight(); // Get the height of the sticky element - if ($anchor.length > 0) { - $('html, body').stop().animate({ - scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height - }, 0); - } -} - -// Call the function on page load if there's a hash -if (window.location.hash) { - adjustAnchor(); -} - -// Adjust the anchor on hash change -$(window).on('hashchange', function() { - adjustAnchor(); -}); - - - -////////////////////////////////////////// -// menu ancre paragraphe quand actif - -jQuery(function($) { - // Function to set the active class based on the current path - function setActiveLink() { - var path = window.location.href; - console.log(path); - $(".layout__region--first .block-region-first li a").each(function() { - if (this.href === path) { - $(this).closest('a').addClass('active'); - } - }); + if ($anchor.length > 0) { + $('html, body').stop().animate({ + scrollTop: $anchor.offset().top - fixedElementHeight // Adjust the scroll position to account for the sticky element height + }, 0); + } } - // Initially set the active link based on the current URL - setActiveLink(); + // Call the function on page load if there's a hash + if (window.location.hash) { + adjustAnchor(); + } - // Update the active link on click - $(".layout__region--first .block-region-first li a").on('click', function() { - $(".layout__region--first .block-region-first li a").removeClass('active'); - $(this).addClass('active'); + // Adjust the anchor on hash change + $(window).on('hashchange', function() { + adjustAnchor(); + }); + + + + ////////////////////////////////////////// + // menu ancre paragraphe quand actif + + jQuery(function($) { + // Function to set the active class based on the current path + function setActiveLink() { + var path = window.location.href; + console.log(path); + $(".layout__region--first .block-region-first li a").each(function() { + if (this.href === path) { + $(this).closest('a').addClass('active'); + } + }); + } + + // Initially set the active link based on the current URL + setActiveLink(); + + // Update the active link on click + $(".layout__region--first .block-region-first li a").on('click', function() { + $(".layout__region--first .block-region-first li a").removeClass('active'); + $(this).addClass('active'); + }); }); -}); })(jQuery, window); diff --git a/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss b/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss index 7d2d00c..8f59d07 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss +++ b/web/themes/custom/reha/scss/pages/home/home-view-actualites.scss @@ -16,92 +16,102 @@ width: 100%; margin: auto; .views-row{ - width: 30vw !important; + width: 35vw !important; margin-left: 1rem; &:first-of-type{ padding-left: 15%; } .node-type-actualite{ - width: 84%; - display: flex; - flex-direction: column; + width: 100%; + // display: flex; + // flex-direction: column; height: 100%; - p.field__item{ - display: none; - } - .image-actualite{ - width: 80%; - height: 250px; - margin-left: 1rem; - .field--name-field-image{ - height: 100%; - .field__items{ - height: 100%; - .field__item{ - width: 100%; - height: 100%; - img{ - width: 100%; - height: auto; - object-fit: cover; - height: 100%; - } - } - } - } - } - .infos-content{ - position: relative; + > .entete_actu{ display: flex; flex-direction: column; - border: solid $yellow-puca 1px; - background-color: $white-button; - padding: 1rem; - h2{ - order: 2; - margin: 0; - font-size: 1.5rem; - font-weight: 600; - padding: 0;; + p.field__item{ + display: none; } - .field--name-field-sous-titre { - order: 3; - font-size: 1.3rem; + .image-actualite{ + width: 75%; + height: 250px; + right: 10%; + position: relative; + // margin-left: 1rem; + .field--name-field-image{ + height: 100%; + .field__items{ + height: 100%; + .field__item{ + width: 100%; + height: 100%; + img{ + width: 100%; + height: auto; + object-fit: cover; + height: 100%; + } + } + } + } } - .field--name-field-date{ - order: 4; - font-weight: 900; - padding-bottom: 1rem; - } - - .field--name-field-type-d-actualite{ - order: 1; - text-transform: uppercase; - font-size: 1.2rem; - } - .field--name-field-site{ - order: 5; - background-color: $gris-violet; - color: white; - border-radius: 50px; - width: fit-content; - padding: 0.2rem 0.9rem; - .field__item{ - display: inline; - color: white; + .infos-content{ + position: relative; + display: flex; + flex-direction: column; + border: solid $yellow-puca 1px; + background-color: $white-button; + padding: 1rem; + width: 100%; + right: 0%; + height: auto; + h2{ + order: 2; + margin: 0; + font-size: 1.5rem; + font-weight: 600; + padding: 0;; + } + .field--name-field-sous-titre { + order: 3; + font-size: 1.3rem; + } + .field--name-field-date{ + order: 4; font-weight: 900; - font-size: 0.8rem; - vertical-align: top; - } + padding-bottom: 1rem; + } + + .field--name-field-type-d-actualite{ + order: 1; + text-transform: uppercase; + font-size: 1.2rem; + } + .field--name-field-site{ + order: 5; + background-color: $gris-violet; + color: white; + border-radius: 50px; + width: fit-content; + padding: 0.2rem 0.9rem; + .field__item{ + display: inline; + color: white; + font-weight: 900; + font-size: 0.8rem; + vertical-align: top; + } + } + ul.links{ + order: 6; + display: none; + } } - ul.links{ - order: 6; + .body-content{ display: none; } } - .body-content{ - display: none; - } + } } .slick-dots{ diff --git a/web/themes/custom/reha/scss/pages/page-actualites.scss b/web/themes/custom/reha/scss/pages/page-actualites.scss new file mode 100644 index 0000000..92778fa --- /dev/null +++ b/web/themes/custom/reha/scss/pages/page-actualites.scss @@ -0,0 +1,13 @@ +.page-actualites{ + .node-type-actualite{ + width: 30vw !important; + .entete_actu{ + flex-direction: column; + .infos-content{ + width: 100%; + height: 250px; + right: 0; + } + } + } +} \ No newline at end of file diff --git a/web/themes/custom/reha/scss/reha.scss b/web/themes/custom/reha/scss/reha.scss index 8ba0fd1..0480766 100644 --- a/web/themes/custom/reha/scss/reha.scss +++ b/web/themes/custom/reha/scss/reha.scss @@ -42,4 +42,5 @@ @import "pages/node-ressource"; @import "pages/actualites"; @import "pages/node-actualite"; -@import "pages/page-mon-espace-de-travail"; \ No newline at end of file +@import "pages/page-mon-espace-de-travail"; +@import "pages/page-actualites"; \ No newline at end of file