bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nom connected

Browse Source
This commit is contained in:
ouidade
2024-06-25 13:55:35 +02:00
parent 799fcf3739
commit 0166817c4f
5 changed files with 45 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/bundle.js
Vendored
+1 -1
View File
@@ -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?");
/***/ }), /***/ }),
web/themes/custom/reha/dist/css/bundle.css
Vendored
+18 -11
View File
@@ -521,8 +521,8 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
display: none; display: none;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
position: absolute; position: absolute;
right: 0px; right: 0%;
top: 100%; top: 110px;
width: 550px; width: 550px;
padding-left: 3.5rem; padding-left: 3.5rem;
padding-top: 1rem; 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 { header .region-header #block-reha-config-pages .contacts .contacts-full .titre {
padding-right: 2rem;
padding-left: 3rem; padding-left: 3rem;
} }
@media (max-width: 500px) { @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 { header #block-reha-views-block-current-user-block-block-1 {
grid-column: 9; grid-column: 9;
width: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content; 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 { header #block-reha-views-block-current-user-block-block-1 .bouton-connected {
padding-right: 3rem; 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 { header #block-reha-views-block-current-user-block-block-1 .bouton-connected :before {
content: url(../images/noun-contact-2495375.svg); content: url(../images/noun-contact-2495375.svg);
padding-right: 1rem; 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 { header #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
display: none; display: none;
right: -267px; right: -100%;
top: 36px; top: 36px;
position: absolute; position: absolute;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@@ -614,7 +623,7 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
height: 200vh; height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; padding: 5% 10% 110px 45%;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre { 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 { .titre {
display: inline-flex;
font-weight: 800; font-weight: 800;
font-size: 1.8rem; 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); content: url(../images/noun-cross-1151731.svg);
float: right;
position: relative;
left: 90px;
cursor: pointer; cursor: pointer;
} }
@@ -931,7 +938,7 @@ aside.layout-sidebar-second {
padding-left: 2rem; padding-left: 2rem;
} }
aside.layout-sidebar-second h2 { aside.layout-sidebar-second h2 {
transform: translateX(-50%) translateY(45vh) rotate(-90deg); transform: translateX(-50%) translateY(40vh) rotate(-90deg);
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
} }
web/themes/custom/reha/js/reha.js
+1
View File
@@ -88,6 +88,7 @@ jQuery(document).ready(function($){
$(".layout-sidebar-second").animate({translate:'0%'},350); $(".layout-sidebar-second").animate({translate:'0%'},350);
}); });
}); });
web/themes/custom/reha/scss/partials/_aside.scss
+1 -1
View File
@@ -41,7 +41,7 @@ aside.layout-sidebar-second{
z-index: 98; z-index: 98;
padding-left: 2rem; padding-left: 2rem;
h2{ h2{
transform: translateX(-50%) translateY(45vh) rotate(-90deg); transform: translateX(-50%) translateY(40vh) rotate(-90deg);
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
&::before{ &::before{
web/themes/custom/reha/scss/partials/_header.scss
+24 -11
View File
@@ -269,8 +269,8 @@ header{
display: none; display: none;
background-color: $white-header; background-color: $white-header;
position: absolute; position: absolute;
right:0px; right:0%;
top: 100%; top: $header-height;
width: $width-menu-slidedown; width: $width-menu-slidedown;
padding-left: 3.5rem; padding-left: 3.5rem;
padding-top: 1rem; padding-top: 1rem;
@@ -298,6 +298,7 @@ header{
.titre{ .titre{
padding-right: 2rem;
padding-left:3rem ; padding-left:3rem ;
@media (max-width:500px) { @media (max-width:500px) {
padding-left: 1.5rem; padding-left: 1.5rem;
@@ -332,9 +333,18 @@ header{
} }
#block-reha-views-block-current-user-block-block-1{ #block-reha-views-block-current-user-block-block-1{
grid-column: 9; grid-column: 9;
width: 400px;
.bouton-connected{ .bouton-connected{
padding-right: 3rem; padding-right: 3rem;
h2{
// width: fit-content;
font-size: 1rem;
color: black;
display: flex;
flex-direction: column;
// display: inline-flex;
flex-wrap: nowrap;
}
:before{ :before{
content: url(../images/noun-contact-2495375.svg); content: url(../images/noun-contact-2495375.svg);
padding-right: 1rem; padding-right: 1rem;
@@ -349,7 +359,7 @@ header{
position: relative; position: relative;
.connected-full{ .connected-full{
display: none; display: none;
right:-267px; right:-100%;
top: 36px; // Positionnez-les sous les boutons top: 36px; // Positionnez-les sous les boutons
position: absolute; position: absolute;
background-color: $white-header; background-color: $white-header;
@@ -357,7 +367,7 @@ header{
height: 200vh; height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 45%; padding: 5% 10% $header-height 45%;
.titre{ .titre{
@media (max-width:500px) { @media (max-width:500px) {
font-size: 1.4rem; font-size: 1.4rem;
@@ -434,15 +444,18 @@ header{
} }
.titre{ .titre{
display: inline-flex; // display: inline-flex;
font-weight: 800; font-weight: 800;
font-size: 1.8rem; font-size: 1.8rem;
position: relative; // position: relative;
::after{ display: flex;
justify-content: space-between;
align-items: center;
&::after{
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
float: right; // float: right;
position: relative; // position: relative;
left: 90px; // left: 90px;
cursor: pointer; cursor: pointer;
} }