tiroir fichier session storage
This commit is contained in:
+1
-1
File diff suppressed because one or more lines are too long
+42
-3
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user