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

SEO nom du site et taille header

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-09-19 14:18:56 +02:00
parent 204773d150
commit 78e8acc00d
5 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -193,7 +193,7 @@ h2 {
}
.layout-container main {
width: 100%;
padding-top: 320px;
padding-top: 270px;
}
@media (max-width: 810px) {
.layout-container main {
@@ -287,7 +287,7 @@ header .header_left_container #block-quartiers-de-demain-logorepu-2 {
}
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
display: none;
height: 320px;
height: 270px;
}
@media (max-width: 891px) {
header .header_left_container #block-quartiers-de-demain-logoepau-2 {
@@ -301,7 +301,7 @@ header .header_left_container #block-quartiers-de-demain-logoquartiersdedemain {
header .header_left_container img {
width: auto;
margin: auto;
height: calc(320px - 5rem);
height: calc(270px - 5rem);
padding: 2rem;
transition: height 0.3s; /* Add transition for smooth resizing */
}
@@ -383,7 +383,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
flex-direction: column;
align-items: flex-start;
position: relative;
top: 80px;
top: 54px;
padding-left: 1rem;
padding-right: 1rem;
margin: 0;
@@ -446,7 +446,7 @@ header .header:hover + .header_nav_container {
/* Taille définitive du header après l'animation */
.header--collapsed {
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%;
transform-origin: bottom right;
transition: all 1s ease-in-out;
@@ -461,7 +461,7 @@ header .header:hover + .header_nav_container {
}
}
.header--collapsed .header_left_container {
flex: 0 0 61%;
flex: 0 0 50%;
transform-origin: bottom right;
}
@media (max-width: 810px) {
@@ -482,7 +482,7 @@ header .header:hover + .header_nav_container {
}
.header--collapsed-already {
height: 320px; /* Ou la hauteur que vous souhaitez pour votre header */
height: 270px; /* Ou la hauteur que vous souhaitez pour votre header */
width: 45%;
transform-origin: bottom right;
transition: all 0s ease-in-out;
@@ -497,7 +497,7 @@ header .header:hover + .header_nav_container {
}
}
.header--collapsed-already .header_left_container {
flex: 0 0 60%;
flex: 0 0 50%;
transform-origin: bottom right;
}
@media (max-width: 810px) {

2
web/themes/custom/quartiers_de_demain/src/assets/scss/global/_layout.scss
View File

@@ -1,5 +1,5 @@
$header-height : 320px;
$header-height : 270px;
$header-height-pad : 110px;
$header-height-small : 70px;
$header-height-ultrasmall : 50px;

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

@@ -122,7 +122,7 @@ header{
flex-direction: column;
align-items: flex-start;
position: relative;
top: calc($header-height / 4 );
top: calc($header-height / 5 );
padding-left: 1rem;
padding-right: 1rem;
margin: 0;
@@ -201,7 +201,7 @@ header{
height: 170px;
}
.header_left_container{
flex: 0 0 61%;
flex: 0 0 50%;
transform-origin: bottom right;
@media(max-width: 810px){
flex: 1 0 100%;
@@ -231,7 +231,7 @@ header{
height: 170px;
}
.header_left_container{
flex: 0 0 60%;
flex: 0 0 50%;
transform-origin: bottom right;
@media(max-width: 810px){
flex: 1 0 100%;