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

tiroir fichier session storage

Browse Source
This commit is contained in:
ouidade
2024-06-25 14:37:49 +02:00
parent 0166817c4f
commit 10d53009b0
8 changed files with 114 additions and 16 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
File diff suppressed because one or more lines are too long
web/themes/custom/reha/dist/css/bundle.css
Vendored
+42 -3
View File
@@ -615,15 +615,14 @@ 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: -100%; right: -40%;
top: 36px;
position: absolute; position: absolute;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
width: 550px; width: 550px;
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% 110px 45%; padding: 5% 10% 110px 20%;
} }
@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 {
@@ -941,6 +940,7 @@ aside.layout-sidebar-second h2 {
transform: translateX(-50%) translateY(40vh) rotate(-90deg); transform: translateX(-50%) translateY(40vh) rotate(-90deg);
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
cursor: pointer;
} }
aside.layout-sidebar-second h2::before { aside.layout-sidebar-second h2::before {
content: url("../../dist/images/noun-arrow-1569918-black.svg"); content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -986,6 +986,15 @@ aside.layout-sidebar-second footer :hover {
background-color: #fdc300; background-color: #fdc300;
} }
aside.layout-sidebar-second.open {
transform: translateX(90%); /* Par défaut ouvert */
transition: transform 0.35s;
}
aside.layout-sidebar-second {
transform: translateX(0%);
}
/* Slider */ /* Slider */
.slick-loading .slick-list { .slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat; background: #fff url("./ajax-loader.gif") center center no-repeat;
@@ -1872,6 +1881,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
order: 4; order: 4;
font-size: 1.5rem; font-size: 1.5rem;
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
display: inline;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
content: ",";
padding-right: 0.5rem;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
content: "";
}
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 { .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
width: fit-content; width: fit-content;
margin: auto; margin: auto;
@@ -2375,6 +2399,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 1.2rem; font-size: 1.2rem;
} }
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
display: inline;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
content: ",";
padding-right: 0.5rem;
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
content: "";
}
.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links { .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links {
order: 5; order: 5;
text-transform: uppercase; text-transform: uppercase;
web/themes/custom/reha/js/reha.js
+26 -9
View File
@@ -79,15 +79,32 @@ jQuery(document).ready(function($){
////////////// tiroir fichiers /////// ////////////// tiroir fichiers ///////
$(".profile--type--collaborateur").click(function(event) { // $(".profile--type--collaborateur").click(function(event) {
// Ouvrir .tiroir fichiers // // Ouvrir .tiroir fichiers
$(".layout-sidebar-second").animate({translate:'90%'},350); // $(".layout-sidebar-second").animate({translate:'90%'},350);
}); // });
$("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) { // $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
// Ouvrir .tiroir fichiers // // Ouvrir .tiroir fichiers
$(".layout-sidebar-second").animate({translate:'0%'},350); // $(".layout-sidebar-second").animate({translate:'0%'},350);
}); // });
$(document).ready(function() {
// Vérifier l'état initial depuis sessionStorage
if (sessionStorage.getItem('asideOpened') === 'true') {
$(".layout-sidebar-second").addClass('open');
}
$(".profile--type--collaborateur").click(function(event) {
// Ouvrir .tiroir fichiers
$(".layout-sidebar-second").addClass('open');
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('open');
sessionStorage.setItem('asideOpened', 'false');
});
});
}); });
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+16
View File
@@ -116,6 +116,22 @@
.field--name-field-architecte{ .field--name-field-architecte{
order: 4; order: 4;
font-size: 1.5rem; font-size: 1.5rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
} }
} }
} }
web/themes/custom/reha/scss/pages/node-site.scss
+16
View File
@@ -124,6 +124,22 @@
order: 4; order: 4;
padding-top: 0.5rem; padding-top: 0.5rem;
font-size: 1.2rem; font-size: 1.2rem;
.field__items{
display: flex;
flex-direction: row;
flex-wrap: wrap;
.field__item{
display: inline;
&::after{
content:',';
padding-right: 0.5rem;
}
}
}
.field__item:last-of-type::after {
content: '';
}
} }
ul.links{ ul.links{
order: 5; order: 5;
web/themes/custom/reha/scss/partials/_aside.scss
+10
View File
@@ -44,6 +44,7 @@ aside.layout-sidebar-second{
transform: translateX(-50%) translateY(40vh) rotate(-90deg); transform: translateX(-50%) translateY(40vh) rotate(-90deg);
text-transform: uppercase; text-transform: uppercase;
font-weight: 400; font-weight: 400;
cursor: pointer;
&::before{ &::before{
content:url('../../dist/images/noun-arrow-1569918-black.svg'); content:url('../../dist/images/noun-arrow-1569918-black.svg');
display: inline-block; display: inline-block;
@@ -95,4 +96,13 @@ aside.layout-sidebar-second{
background-color: $yellow-puca; background-color: $yellow-puca;
} }
} }
}
aside.layout-sidebar-second.open {
transform: translateX(90%); /* Par défaut ouvert */
transition: transform 0.35s;
}
aside.layout-sidebar-second {
transform: translateX(0%);
} }
web/themes/custom/reha/scss/partials/_header.scss
+3 -3
View File
@@ -359,15 +359,15 @@ header{
position: relative; position: relative;
.connected-full{ .connected-full{
display: none; display: none;
right:-100%; right:-40%;
top: 36px; // Positionnez-les sous les boutons // top: 36px;
position: absolute; position: absolute;
background-color: $white-header; background-color: $white-header;
width: $width-menu-slidedown; width: $width-menu-slidedown;
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% $header-height 45%; padding: 5% 10% $header-height 20%;
.titre{ .titre{
@media (max-width:500px) { @media (max-width:500px) {
font-size: 1.4rem; font-size: 1.4rem;
web/themes/custom/reha/templates/paragraph--partenaire--complet.html.twig → web/themes/custom/reha/templates/paragraph.html.twig
View File