diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index 9993072..cd0dcd5 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 $(\"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 $(\"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 .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\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?"); /***/ }), diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 33435c0..7eef1f2 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1096,8 +1096,6 @@ aside.layout-sidebar-second footer.view-footer :hover { position: absolute; display: block; z-index: 9; - height: 20px; - width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; @@ -1130,8 +1128,6 @@ aside.layout-sidebar-second footer.view-footer :hover { .slick-prev:before, .slick-next:before { font-family: "slick"; - font-size: 200px; - line-height: 1.5; color: rgb(153, 147, 174); opacity: 0.4; -webkit-font-smoothing: antialiased; @@ -1324,8 +1320,28 @@ aside.layout-sidebar-second footer.view-footer :hover { display: none; } -.view-actus.slick-slider.slick-next:before { - background: rgba(255, 255, 255, 0.1); +.view-actus .slick-arrow { + background-image: radial-gradient(white, transparent); + border-radius: 50%; + padding: 0.8rem; + width: 120px; + height: auto; +} +.view-actus .slick-arrow.slick-next { + padding-right: 0rem; +} +.view-actus .slick-arrow.slick-prev { + padding-left: 0rem; +} + +.view-sites > .slick-arrow, +.view-actus > .slick-arrow { + top: 50%; +} +.view-sites > .slick-arrow.slick-next, +.view-actus > .slick-arrow.slick-next { + right: 230px; + padding-right: 0rem; } /*pages*/ @@ -2005,7 +2021,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div width: fit-content; margin: auto; z-index: 99; - margin-top: 2rem; + margin-top: 1rem; + margin-bottom: 4rem; } .page-sitespilotes h1 { @@ -2511,44 +2528,60 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .block-views-blockactus-block-1 { - display: none; background-color: white; padding-bottom: 3rem; - padding-left: 12%; } .block-views-blockactus-block-1 h2 { width: 80%; - margin: auto; padding-top: 2rem; padding-bottom: 2rem; + padding-left: 12%; + font-size: 2rem; + font-weight: 900; } .block-views-blockactus-block-1 .view-id-actus { width: 100%; margin: auto; } .block-views-blockactus-block-1 .view-id-actus .views-row { - width: 20vw !important; - padding-right: 5rem; + width: 30vw !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: 100%; + 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: 90%; - margin: auto; + width: 80%; + height: 250px; + margin-left: 1rem; } -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .image-actualite img { +.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 { width: 100%; height: auto; + object-fit: cover; + height: 100%; } .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content { position: relative; - top: -10px; display: flex; flex-direction: column; border: solid #fdc300 1px; @@ -2560,6 +2593,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div 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 { order: 3; @@ -2585,8 +2619,6 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div } .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site .field__item { display: inline; -} -.block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .infos-content .field--name-field-site a { color: white; font-weight: 900; font-size: 0.8rem; @@ -2599,6 +2631,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div .block-views-blockactus-block-1 .view-id-actus .views-row .node-type-actualite .body-content { display: none; } +.block-views-blockactus-block-1 .view-id-actus .slick-dots { + position: relative; + bottom: 0; +} +.block-views-blockactus-block-1 .view-id-actus .slick-prev { + left: 35px; +} .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 { width: 60%; @@ -2624,6 +2663,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div z-index: 99; position: relative; margin-top: 2rem; + margin-bottom: 4rem; } .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 90f985d..5b41cc0 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -83,20 +83,20 @@ jQuery(document).ready(function($){ // Vérifier l'état initial depuis sessionStorage if (sessionStorage.getItem('asideOpened') === 'true') { $(".layout-sidebar-second").addClass('close'); - $("h2").addClass('__close'); + $(".layout-sidebar-second h2").addClass('__close'); } $(".view-current-user-doc-profile").click(function(event) { // Ouvrir .tiroir fichiers $(".layout-sidebar-second").addClass('close'); - $("h2").addClass('__close'); + $(".layout-sidebar-second h2").addClass('__close'); sessionStorage.setItem('asideOpened', 'true'); }); $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { // Fermer .tiroir fichiers $(".layout-sidebar-second").removeClass('close'); - $("h2").removeClass('__close'); + $(".layout-sidebar-second h2").removeClass('__close'); sessionStorage.setItem('asideOpened', 'false'); }); }); @@ -134,12 +134,13 @@ jQuery(document).ready(function($){ }); $(document).ready(function(){ - $('.view-id-actus.view-display-id-block_1').slick({ - slidesToShow: 3, + $('.view-id-actus.view-display-id-block_1 ').slick({ + // slidesToShow: 1, // slidesToScroll: 1, - dots: false, + // dots: true, arrows: true, - centerMode: true, + // centerMode: true, + draggable: true, // centerPadding: '100px', responsive: [ { @@ -155,6 +156,7 @@ jQuery(document).ready(function($){ }); 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 .field--name-field-image .field__items').slick({ 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 d872f40..7d2d00c 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 @@ -1,43 +1,57 @@ .block-views-blockactus-block-1{ - display:none; + // display:none; background-color: white; padding-bottom: 3rem; - padding-left: 12%; + // padding-left: 12%; h2{ width: 80%; - margin: auto; + // margin: auto; padding-top: 2rem; padding-bottom: 2rem; + padding-left: 12%; + font-size: 2rem; + font-weight: 900; } .view-id-actus{ width: 100%; margin: auto; - // display: flex; - // justify-content: space-between; - .views-row{ - width: 20vw !important; - padding-right: 5rem; + width: 30vw !important; + margin-left: 1rem; + &:first-of-type{ + padding-left: 15%; + } .node-type-actualite{ - width: 100%; + width: 84%; display: flex; flex-direction: column; + height: 100%; p.field__item{ display: none; } .image-actualite{ - width: 90%; - margin: auto; - img{ - width: 100%; - height: auto; - - } - + 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; - top: -10px; display: flex; flex-direction: column; border: solid $yellow-puca 1px; @@ -48,11 +62,11 @@ margin: 0; font-size: 1.5rem; font-weight: 600; + padding: 0;; } .field--name-field-sous-titre { order: 3; font-size: 1.3rem; - // line-height: 0.3rem; } .field--name-field-date{ order: 4; @@ -74,27 +88,28 @@ padding: 0.2rem 0.9rem; .field__item{ display: inline; - } - a{ color: white; font-weight: 900; font-size: 0.8rem; vertical-align: top; - } + } } ul.links{ order: 6; display: none; } - } .body-content{ display: none; } - } - } - + .slick-dots{ + position: relative; + bottom: 0; + } + .slick-prev{ + left:35px; + } } } 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 57865d5..e109487 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 @@ -28,6 +28,7 @@ z-index: 99; position: relative; margin-top: 2rem; + margin-bottom: 4rem; .field--type-link{ .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 c68a0bd..2f41caf 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 @@ -185,6 +185,7 @@ z-index: 99; // position: relative; // top: -10px; - margin-top: 2rem; + margin-top: 1rem; + margin-bottom: 4rem; } } diff --git a/web/themes/custom/reha/scss/partials/_slick-theme.scss b/web/themes/custom/reha/scss/partials/_slick-theme.scss index 54d29c5..3917537 100644 --- a/web/themes/custom/reha/scss/partials/_slick-theme.scss +++ b/web/themes/custom/reha/scss/partials/_slick-theme.scss @@ -67,8 +67,8 @@ $slick-opacity-not-active: 0.25 !default; position: absolute; display: block; z-index: 9; - height: 20px; - width: 20px; + // height: 20px; + // width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; @@ -94,8 +94,8 @@ $slick-opacity-not-active: 0.25 !default; } &:before { font-family: $slick-font-family; - font-size: 200px; - line-height: 1.5; + // font-size: 200px; + // line-height: 1.5; color: $slick-arrow-color; opacity: $slick-opacity-default; -webkit-font-smoothing: antialiased; diff --git a/web/themes/custom/reha/scss/partials/_slick_custom.scss b/web/themes/custom/reha/scss/partials/_slick_custom.scss index 4b3f920..4c5f975 100644 --- a/web/themes/custom/reha/scss/partials/_slick_custom.scss +++ b/web/themes/custom/reha/scss/partials/_slick_custom.scss @@ -11,10 +11,30 @@ $slick-arrow-color: $yellow-puca !default; } } -.view-actus.slick-slider.slick-next { - &:before { +.view-actus .slick-arrow { + // background-color: rgba(255, 255, 255, 0.8); + background-image: radial-gradient(white, transparent); + border-radius: 50%; + padding: 0.8rem; + width: 120px; + height: auto; + &.slick-next { + padding-right: 0rem; + } + &.slick-prev { + padding-left: 0rem; + } +} - background: rgba(255, 255, 255, 0.1); +.view-sites, +.view-actus { + > .slick-arrow{ + top: 50%; + &.slick-next { + right: 230px; + padding-right: 0rem; + } } } +