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

responsive header nav et taille carte, fix css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-11-21 10:42:14 +01:00
parent e50c8d95a2
commit bfb94ef05b
5 changed files with 18 additions and 44 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

@@ -479,7 +479,7 @@ header .header_nav_container #block-quartiers-de-demain-entete ul li a {
font-size: 0.6rem;
}
}
@media (max-width: 500px) {
@media (max-width: 810px) {
header .header_nav_container #block-quartiers-de-demain-entete ul li a {
display: flex;
flex-direction: column;
@@ -3013,6 +3013,12 @@ body {
grid-column: 2/span 9;
}
}
@media (max-width: 510px) {
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage {
margin-top: 13rem;
grid-column: 2/span 9;
}
}
.node-type-static .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
text-transform: none;
color: black;

4
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
View File

@@ -15,6 +15,10 @@
margin-top: 10rem;
grid-column: 2 /span 9;
}
@media(max-width: 510px){
margin-top: 13rem;
grid-column: 2 /span 9;
}
h1{
text-transform: none;

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

@@ -221,7 +221,7 @@ header{
@media(max-width:1090px){
font-size: 0.6rem;
}
@media(max-width: 500px){
@media(max-width: 810px){
display: flex;
flex-direction: column;
align-items: center;
@@ -249,43 +249,6 @@ header{
#block-quartiers-de-demain-selecteurdelangue{
width: fit-content;
margin: auto;
// .language-switcher-language-url{
// text-transform: uppercase;
// color: white;
// ul{
// display: flex;
// flex-direction: row;
// font-size:0.6rem;
// padding: 0;
// @media(max-width: 660px){
// margin-bottom: 0;
// }
// @media(max-width: 500px){
// flex-direction: column;
// // margin-bottom: 0;
// margin: auto;
// }
// li a {
// color: white;
// font-family: 'gilroy-light';
// }
// li:nth-child(1){
// &::after{
// content: " / ";
// white-space: pre;
// @media(max-width: 660px){
// content:none ;
// }
// }
// }
// .is-active{
// font-family: 'gilroy-bold';
// }
// }
// }
}
}