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

js header smoozer

Browse Source
This commit is contained in:
ouidade
2023-11-23 16:07:57 +01:00
parent a022b2272e
commit ec8b09383a
3 changed files with 22 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/css/reha.css
+9 -13
View File
@@ -209,22 +209,18 @@ header {
padding-right: 1rem; }
header div #block-reha-config-pages .config_pages--contact--full {
float: right;
display: none;
/* Cacher initialement le contenu */
height: 0;
/* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; }
header div #block-reha-config-pages .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); }
header div #block-reha-config-pages .field--type-text-long .field__item {
padding: 5% 10% 5% 5%; }
header div #block-reha-config-pages .config_pages--contact--full .field--type-text-long {
display: none;
background-color: white;
width: 400px;
height: 100vh;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
clip-path: inset(0px -10px -10px -10px); }
header div #block-reha-config-pages .config_pages--contact--full .field--type-text-long .field__item {
padding: 5% 10% 5% 5%; }
header .bouton {
align-self: flex-end;
width: fit-content; }