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

width header pour pb click carte

This commit is contained in:
ouidade 2024-10-08 22:00:01 +02:00
parent 55c74b64b3
commit bd2f2668f7
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
/* Taille définitive du header après l'animation */ /* Taille définitive du header après l'animation */
.header--collapsed { .header--collapsed {
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */ height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%; width: 35%;
transform-origin: bottom right; transform-origin: bottom right;
transition: all 1s ease-in-out; transition: all 1s ease-in-out;
} }
@ -480,7 +480,7 @@ header .header:hover + .header_nav_container {
} }
} }
.header--collapsed .header_left_container { .header--collapsed .header_left_container {
flex: 0 0 50%; flex: 0 0 70%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
@ -502,7 +502,7 @@ header .header:hover + .header_nav_container {
.header--collapsed-already { .header--collapsed-already {
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */ height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%; width: 35%;
transform-origin: bottom right; transform-origin: bottom right;
transition: all 0s ease-in-out; transition: all 0s ease-in-out;
} }
@ -516,7 +516,7 @@ header .header:hover + .header_nav_container {
} }
} }
.header--collapsed-already .header_left_container { .header--collapsed-already .header_left_container {
flex: 0 0 50%; flex: 0 0 70%;
transform-origin: bottom right; transform-origin: bottom right;
} }
@media (max-width: 810px) { @media (max-width: 810px) {

8
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -211,7 +211,7 @@ header{
/* Taille définitive du header après l'animation */ /* Taille définitive du header après l'animation */
.header--collapsed { .header--collapsed {
height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */ height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%; width: 35%;
transform-origin: bottom right; transform-origin: bottom right;
transition: all 1s ease-in-out; transition: all 1s ease-in-out;
@media(max-width: 1090px) { @media(max-width: 1090px) {
@ -225,7 +225,7 @@ header{
height: 170px; height: 170px;
} }
.header_left_container{ .header_left_container{
flex: 0 0 50%; flex: 0 0 70%;
transform-origin: bottom right; transform-origin: bottom right;
@media(max-width: 810px){ @media(max-width: 810px){
flex: 1 0 100%; flex: 1 0 100%;
@ -244,7 +244,7 @@ header{
} }
.header--collapsed-already{ .header--collapsed-already{
height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */ height: $header-height; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%; width: 35%;
transform-origin: bottom right; transform-origin: bottom right;
transition: all 0s ease-in-out; transition: all 0s ease-in-out;
.qdd-header{ .qdd-header{
@ -255,7 +255,7 @@ header{
height: 170px; height: 170px;
} }
.header_left_container{ .header_left_container{
flex: 0 0 50%; flex: 0 0 70%;
transform-origin: bottom right; transform-origin: bottom right;
@media(max-width: 810px){ @media(max-width: 810px){
flex: 1 0 100%; flex: 1 0 100%;