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

mobile

This commit is contained in:
ouidade 2024-05-07 12:15:25 +02:00
parent 8b05ad2f05
commit fb4644efac
4 changed files with 32 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
View File

@ -119,6 +119,9 @@
.layout-content { .layout-content {
grid-column: 1 / span 12; grid-column: 1 / span 12;
padding-top: 125px; } padding-top: 125px; }
@media (max-width: 500px) {
.layout-content {
padding-top: 50px; } }
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul { ul {
@ -219,9 +222,16 @@ header {
@media (max-width: 660px) { @media (max-width: 660px) {
header .header_right_container .language-switcher-language-url ul { header .header_right_container .language-switcher-language-url ul {
margin-bottom: 0; } } margin-bottom: 0; } }
@media (max-width: 500px) {
header .header_right_container .language-switcher-language-url ul {
flex-direction: column;
margin: auto; } }
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after { header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
content: " / "; content: " / ";
white-space: pre; } white-space: pre; }
@media (max-width: 660px) {
header .header_right_container .language-switcher-language-url ul li:nth-child(1)::after {
content: none; } }
header .header_right_container .language-switcher-language-url ul .is-active { header .header_right_container .language-switcher-language-url ul .is-active {
font-weight: 600; } font-weight: 600; }
header .header_nav_container { header .header_nav_container {
@ -615,11 +625,13 @@ footer {
@media (max-width: 500px) { @media (max-width: 500px) {
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p { #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p {
padding-right: 0px; padding-right: 0px;
text-align: center; } } text-align: center;
width: 100%; } }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img { #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--7 .field_field_texte div:nth-child(2) p img {
width: 70%; width: 70%;
height: auto; height: auto;
padding-bottom: 1rem; } padding-bottom: 1rem;
margin: auto; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 { #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 {
padding-bottom: 4rem; } padding-bottom: 4rem; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title { #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_title {
@ -637,7 +649,8 @@ footer {
@media (max-width: 500px) { @media (max-width: 500px) {
#presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p { #presentation .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p, #home .layout-content .content_container article.node-type-static .field_field_textes #paragraph-id--8 .field_field_texte div:nth-child(2) p {
padding-right: 0px; padding-right: 0px;
text-align: center; } } text-align: center;
width: 100%; } }
#presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p { #presentation .layout-content .content_container article.node-type-static .field_field_textes p, #home .layout-content .content_container article.node-type-static .field_field_textes p {
margin-bottom: 0; } margin-bottom: 0; }
#presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto { #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto, #home .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto {

6
web/themes/custom/quartiers_de_demain/scss/global/_layout.scss
View File

@ -39,6 +39,10 @@ $width-menu-slidedown : 550px;
.layout-content{ .layout-content{
grid-column: 1 / span 12; grid-column: 1 / span 12;
padding-top: $header-height; padding-top: $header-height;
@media(max-width: 500px){
padding-top: $header-height-ultrasmall;
}
} }

3
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@ -134,11 +134,13 @@
@media(max-width: 500px){ @media(max-width: 500px){
padding-right: 0px; padding-right: 0px;
text-align: center; text-align: center;
width: 100%;
} }
img{ img{
width: 70%; width: 70%;
height: auto; height: auto;
padding-bottom: 1rem; padding-bottom: 1rem;
margin: auto;
} }
} }
} }
@ -164,6 +166,7 @@
@media(max-width: 500px){ @media(max-width: 500px){
padding-right: 0px; padding-right: 0px;
text-align: center; text-align: center;
width: 100%;
} }
} }
} }

8
web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
View File

@ -86,10 +86,18 @@ header{
@media(max-width: 660px){ @media(max-width: 660px){
margin-bottom: 0; margin-bottom: 0;
} }
@media(max-width: 500px){
flex-direction: column;
// margin-bottom: 0;
margin: auto;
}
li:nth-child(1){ li:nth-child(1){
&::after{ &::after{
content: " / "; content: " / ";
white-space: pre; white-space: pre;
@media(max-width: 660px){
content:none ;
}
} }
} }