tiroir fichier session storage

This commit is contained in:
2024-06-25 14:37:49 +02:00
parent 0166817c4f
commit 10d53009b0
8 changed files with 114 additions and 16 deletions
File diff suppressed because one or more lines are too long
+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 {
display: none;
right: -100%;
top: 36px;
right: -40%;
position: absolute;
background-color: rgb(255, 255, 255);
width: 550px;
height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 110px 45%;
padding: 5% 10% 110px 20%;
}
@media (max-width: 500px) {
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);
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
}
aside.layout-sidebar-second h2::before {
content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -986,6 +986,15 @@ aside.layout-sidebar-second footer :hover {
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 */
.slick-loading .slick-list {
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;
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 {
width: fit-content;
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;
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 {
order: 5;
text-transform: uppercase;
+26 -9
View File
@@ -79,15 +79,32 @@ jQuery(document).ready(function($){
////////////// tiroir fichiers ///////
$(".profile--type--collaborateur").click(function(event) {
// Ouvrir .tiroir fichiers
$(".layout-sidebar-second").animate({translate:'90%'},350);
});
$("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
// Ouvrir .tiroir fichiers
$(".layout-sidebar-second").animate({translate:'0%'},350);
});
// $(".profile--type--collaborateur").click(function(event) {
// // Ouvrir .tiroir fichiers
// $(".layout-sidebar-second").animate({translate:'90%'},350);
// });
// $("#block-reha-views-block-current-user-doc-profile-block-1 > h2").click(function(event) {
// // Ouvrir .tiroir fichiers
// $(".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');
});
});
});
@@ -116,6 +116,22 @@
.field--name-field-architecte{
order: 4;
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: '';
}
}
}
}
@@ -124,6 +124,22 @@
order: 4;
padding-top: 0.5rem;
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{
order: 5;
@@ -44,6 +44,7 @@ aside.layout-sidebar-second{
transform: translateX(-50%) translateY(40vh) rotate(-90deg);
text-transform: uppercase;
font-weight: 400;
cursor: pointer;
&::before{
content:url('../../dist/images/noun-arrow-1569918-black.svg');
display: inline-block;
@@ -95,4 +96,13 @@ aside.layout-sidebar-second{
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%);
}
@@ -359,15 +359,15 @@ header{
position: relative;
.connected-full{
display: none;
right:-100%;
top: 36px; // Positionnez-les sous les boutons
right:-40%;
// top: 36px;
position: absolute;
background-color: $white-header;
width: $width-menu-slidedown;
height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% $header-height 45%;
padding: 5% 10% $header-height 20%;
.titre{
@media (max-width:500px) {
font-size: 1.4rem;