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

twig & js header

Browse Source
This commit is contained in:
ouidade
2023-11-24 16:14:55 +01:00
parent 7456d756b3
commit fbb9165185
7 changed files with 167 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/partials/_header.scss
+39 -6
View File
@@ -65,7 +65,7 @@ header{
background-color: $white-header;
// width: 30vw;
width: $width-menu-slidedown;
height: 100vh;
height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 5%;
@@ -86,10 +86,27 @@ header{
flex-direction: column;
height: fit-content;
.config_pages--contact--full {
.contacts {
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%;
.field--type-text-long {
.titre{
display: none;
display: inline-flex;
font-weight: 800;
position: relative;
margin-top: 2rem;
::after{
content: url(../images/noun-cross-1151731.svg);
float: right;
position: relative;
left: 200px;
// bottom: 100px;
cursor: pointer;
}
}
.contacts-full {
display: none;
background-color: $white-header;
position: absolute;
@@ -97,7 +114,7 @@ header{
top: 100%;
width: $width-menu-slidedown;
// width: 30vw;
height: 100vh;
height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
.field__item{
@@ -132,10 +149,10 @@ header{
background-color: $white-header;
// width: 30vw;
width: $width-menu-slidedown;
height: 100vh;
height: 200vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 5%;
padding: 5% 10% 5% 45%;
}
}
}
@@ -150,6 +167,22 @@ header{
}
}
.titre{
display: inline-flex;
font-weight: 800;
position: relative;
margin-top: 2rem;
::after{
content: url(../images/noun-cross-1151731.svg);
float: right;
position: relative;
left: 200px;
// bottom: 100px;
cursor: pointer;
}
}
}