diff --git a/web/themes/custom/reha/dist/bundle.js b/web/themes/custom/reha/dist/bundle.js index e0b0913..0b542b5 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\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n adaptiveHeight: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); +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 \n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n adaptiveHeight: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n $(document).ready(function(){\n $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({\n slidesToShow: 1,\n slidesToScroll: 1,\n dots: true,\n arrows: false,\n adaptiveHeight: true,\n // centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n\n})(jQuery, window);\n\n\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?"); /***/ }), diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 830eb78..d26389e 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -521,8 +521,8 @@ header .region-header #block-reha-config-pages .contacts .contacts-full { display: none; background-color: rgb(255, 255, 255); position: absolute; - right: 0px; - top: 100%; + right: 0%; + top: 110px; width: 550px; padding-left: 3.5rem; padding-top: 1rem; @@ -549,6 +549,7 @@ header .region-header #block-reha-config-pages .contacts .contacts-full { } } header .region-header #block-reha-config-pages .contacts .contacts-full .titre { + padding-right: 2rem; padding-left: 3rem; } @media (max-width: 500px) { @@ -588,6 +589,7 @@ header .region-header #block-reha-config-pages .contacts .field__item { } header #block-reha-views-block-current-user-block-block-1 { grid-column: 9; + width: 400px; display: flex; flex-direction: column; height: fit-content; @@ -595,6 +597,13 @@ header #block-reha-views-block-current-user-block-block-1 { header #block-reha-views-block-current-user-block-block-1 .bouton-connected { padding-right: 3rem; } +header #block-reha-views-block-current-user-block-block-1 .bouton-connected h2 { + font-size: 1rem; + color: black; + display: flex; + flex-direction: column; + flex-wrap: nowrap; +} header #block-reha-views-block-current-user-block-block-1 .bouton-connected :before { content: url(../images/noun-contact-2495375.svg); padding-right: 1rem; @@ -606,7 +615,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected { } header #block-reha-views-block-current-user-block-block-1 .connected .connected-full { display: none; - right: -267px; + right: -100%; top: 36px; position: absolute; background-color: rgb(255, 255, 255); @@ -614,7 +623,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected- height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); - padding: 5% 10% 5% 45%; + padding: 5% 10% 110px 45%; } @media (max-width: 500px) { header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre { @@ -683,16 +692,14 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected- } .titre { - display: inline-flex; font-weight: 800; font-size: 1.8rem; - position: relative; + display: flex; + justify-content: space-between; + align-items: center; } -.titre ::after { +.titre::after { content: url(../images/noun-cross-1151731.svg); - float: right; - position: relative; - left: 90px; cursor: pointer; } @@ -931,7 +938,7 @@ aside.layout-sidebar-second { padding-left: 2rem; } aside.layout-sidebar-second h2 { - transform: translateX(-50%) translateY(45vh) rotate(-90deg); + transform: translateX(-50%) translateY(40vh) rotate(-90deg); text-transform: uppercase; font-weight: 400; } diff --git a/web/themes/custom/reha/js/reha.js b/web/themes/custom/reha/js/reha.js index 01914a7..2cd465c 100644 --- a/web/themes/custom/reha/js/reha.js +++ b/web/themes/custom/reha/js/reha.js @@ -87,6 +87,7 @@ jQuery(document).ready(function($){ // Ouvrir .tiroir fichiers $(".layout-sidebar-second").animate({translate:'0%'},350); }); + }); diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss index a76fe5d..f6ef3f9 100644 --- a/web/themes/custom/reha/scss/partials/_aside.scss +++ b/web/themes/custom/reha/scss/partials/_aside.scss @@ -41,7 +41,7 @@ aside.layout-sidebar-second{ z-index: 98; padding-left: 2rem; h2{ - transform: translateX(-50%) translateY(45vh) rotate(-90deg); + transform: translateX(-50%) translateY(40vh) rotate(-90deg); text-transform: uppercase; font-weight: 400; &::before{ diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index a849553..bb1ab12 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -269,8 +269,8 @@ header{ display: none; background-color: $white-header; position: absolute; - right:0px; - top: 100%; + right:0%; + top: $header-height; width: $width-menu-slidedown; padding-left: 3.5rem; padding-top: 1rem; @@ -298,6 +298,7 @@ header{ .titre{ + padding-right: 2rem; padding-left:3rem ; @media (max-width:500px) { padding-left: 1.5rem; @@ -332,9 +333,18 @@ header{ } #block-reha-views-block-current-user-block-block-1{ grid-column: 9; + width: 400px; .bouton-connected{ padding-right: 3rem; - + h2{ + // width: fit-content; + font-size: 1rem; + color: black; + display: flex; + flex-direction: column; + // display: inline-flex; + flex-wrap: nowrap; + } :before{ content: url(../images/noun-contact-2495375.svg); padding-right: 1rem; @@ -349,7 +359,7 @@ header{ position: relative; .connected-full{ display: none; - right:-267px; + right:-100%; top: 36px; // Positionnez-les sous les boutons position: absolute; background-color: $white-header; @@ -357,7 +367,7 @@ header{ height: 200vh; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; clip-path: inset(0px -10px -10px -10px); - padding: 5% 10% 5% 45%; + padding: 5% 10% $header-height 45%; .titre{ @media (max-width:500px) { font-size: 1.4rem; @@ -434,15 +444,18 @@ header{ } .titre{ - display: inline-flex; + // display: inline-flex; font-weight: 800; font-size: 1.8rem; - position: relative; - ::after{ + // position: relative; + display: flex; + justify-content: space-between; + align-items: center; + &::after{ content: url(../images/noun-cross-1151731.svg); - float: right; - position: relative; - left: 90px; + // float: right; + // position: relative; + // left: 90px; cursor: pointer; }