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

width header pour pb click carte

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-10-08 22:00:01 +02:00
parent 55c74b64b3
commit bd2f2668f7
2 changed files with 8 additions and 8 deletions
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%;