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

bouton contact

Browse Source
This commit is contained in:
ouidade
2023-11-22 16:35:55 +01:00
parent 26da70efc2
commit 19320aa20a
7 changed files with 155 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/partials/_header.scss
+76 -48
View File
@@ -2,17 +2,18 @@
header{
display: block;
height: $header-height;
background-color: white;
position: fixed;
// position: fixed;
z-index: 99;
width: 100vw;
position: -webkit-sticky;
position: sticky;
top: 0;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
// .sticky{
// position: fixed;
// }
// height: 150px;
div{
display:flex;
flex-direction: row;
@@ -34,6 +35,8 @@ header{
display: flex;
flex-direction: column;
width: 15%;
height: $header-height;
.user-login-form{
display: none;
}
@@ -43,22 +46,59 @@ header{
}
#block-reha-config-pages{
width: 15%;
width:35%;
display: flex;
flex-direction: column;
height: $header-height;
.bouton{
align-self: flex-end;
width: 50%;
}
.config_pages--contact--full {
display: none; /* Cacher initialement le contenu */
}
.open{
display: block;
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
// transition: height 0.5s; /* Animation de 0.5 seconde lors de l'expansion vers le bas */
width: 100%;
}
// .open{
// display: block;
// width: 300px;
// background-color: $white;
// }
.field--type-text-long {
transition: height 0.5s; /* Animation de 0.5 seconde lors de l'expansion vers le bas */
background-color: $white;
display: block;
width: 100%;
height: 100vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
.field__item{
padding: 5% 10% 5% 5%;
}
}
}
// #block-reha-config-pages {
// position: relative;
// }
// .config_pages--contact--full {
// overflow: hidden;
// height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
// transition: height 0.5s; /* Animation de 0.5 seconde lors de l'expansion vers le bas */
// }
// .field--type-text-long {
// padding: 20px;
// background-color: #f0f0f0;
// }
}
@@ -74,7 +114,7 @@ header{
// .config_pages--contact--full {
// position: fixed;
// z-index: 1;
// top: 0;
// top: $header-height;
// right: 0;
// bottom: 0;
// left: 0;
@@ -92,64 +132,50 @@ header{
// // }
// }
// // #modal .mask{
// // background: none !important;
// // opacity: 1;
// // position: absolute;
// // top: 0;
// // right: 0;
// // bottom: 0;
// // left: 0;
// //
// // }
// // #body .grey {
// // opacity: 0.5;
// // }
// .config_pages--contact--full{
// .config_pages--contact--full .field--type-text-long{
// position: absolute;
// background: white !important;
// top: 50%;
// left: 45%;
// // transform: translateX(-50%) translateY(-50%);
// width:fit-content;
// height: fit-content;
// left: 50%;
// transform: translateX(-50%) translateY(-50%);
// width: 50%;
// height: content;
// min-height: 50px;
// border: solid;
// color: black;
// // .message{
// // padding: 5% 10% 5% 5%;
// .field__item{
// padding: 5% 10% 5% 5%;
// }
// // a.close{
// // position: absolute;
// // right: 5%;
// // top:5%;
// // color: black;
// // font-size: 30px;
// // }
// a.close{
// position: absolute;
// right: 5%;
// top:5%;
// color: black;
// font-size: 30px;
// }
// a.close:hover{
// color: black;
// }
// // a.close:hover{
// // color: black;
// // }
// @media (max-width: 442px) {
// transform: translateX(-50%) translateY(-50%);
// width: 85%;
// height: 80%;
// overflow-y: scroll;
// a.close {
// font-size: 0.8rem;
// position: absolute;
// right: 2%;
// top:0.8%;
// }
// // a.close {
// // font-size: 0.8rem;
// // position: absolute;
// // right: 2%;
// // top:0.8%;
// // }
// p {
// font-size: 0.8rem;
// margin-top: 0;
// }
// .message{
// .field__item{
// padding: 5% 5% 5% 5%;
// }
@@ -169,13 +195,15 @@ header{
// font-size: 0.8rem;
// margin-top: 0;
// }
// .message{
// .field__item{
// padding: 5% 5% 5% 5%;
// }
// }
// }