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

header sans animation

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-12-09 13:15:40 +01:00
parent 9986179153
commit 0f233d9309
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -273,7 +273,6 @@ header[role=banner] {
height: 200px; height: 200px;
width: 35%; width: 35%;
transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out;
background-color: rgb(255, 255, 255);
/* =========================== /* ===========================
LANGUAGE SWITCHER LANGUAGE SWITCHER
=========================== */ =========================== */
@@ -345,7 +344,7 @@ header[role=banner] .contextual-region {
width: max-content; width: max-content;
} }
header[role=banner] .header_left_container { header[role=banner] .header_left_container {
flex: 0 0 45%; flex: 0 0 70%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@@ -384,7 +383,7 @@ header[role=banner] .header_left_container #block-quartiers-de-demain-logoquarti
header[role=banner] .header_left_container img { header[role=banner] .header_left_container img {
width: auto; width: auto;
margin: auto; margin: auto;
height: calc(200px - 4rem); height: calc(200px - 3rem);
padding: 2rem; padding: 2rem;
transition: height 0.3s; transition: height 0.3s;
} }

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

@@ -360,6 +360,7 @@
=========================== */ =========================== */
header[role="banner"] { header[role="banner"] {
// background: none;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
@@ -372,7 +373,7 @@
height: $header-height; height: $header-height;
width: 35%; width: 35%;
transition: all 1.4s ease-in-out; transition: all 1.4s ease-in-out;
background-color: $white-header; // pour éviter la transparence // background-color: $white-header; // pour éviter la transparence
@media (max-width: 1090px) { @media (max-width: 1090px) {
height: $header-height-pad; height: $header-height-pad;
@@ -438,7 +439,7 @@
=========================== */ =========================== */
.header_left_container { .header_left_container {
flex: 0 0 45%; flex: 0 0 70%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background-color: $white-header; background-color: $white-header;
@@ -491,7 +492,7 @@
img { img {
width: auto; width: auto;
margin: auto; margin: auto;
height: calc($header-height - 4rem); height: calc($header-height - 3rem);
padding: 2rem; padding: 2rem;
transition: height 0.3s; transition: height 0.3s;