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 {
grid-column: 1 / span 12;
padding-top: 125px; }
@media (max-width: 500px) {
.layout-content {
padding-top: 50px; } }
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
ul {
@ -219,9 +222,16 @@ header {
@media (max-width: 660px) {
header .header_right_container .language-switcher-language-url ul {
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 {
content: " / ";
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 {
font-weight: 600; }
header .header_nav_container {
@ -615,11 +625,13 @@ footer {
@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 {
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 {
width: 70%;
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 {
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 {
@ -637,7 +649,8 @@ footer {
@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 {
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 {
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 {

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

@ -40,5 +40,9 @@ $width-menu-slidedown : 550px;
.layout-content{
grid-column: 1 / span 12;
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){
padding-right: 0px;
text-align: center;
width: 100%;
}
img{
width: 70%;
height: auto;
padding-bottom: 1rem;
margin: auto;
}
}
}
@ -164,6 +166,7 @@
@media(max-width: 500px){
padding-right: 0px;
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){
margin-bottom: 0;
}
@media(max-width: 500px){
flex-direction: column;
// margin-bottom: 0;
margin: auto;
}
li:nth-child(1){
&::after{
content: " / ";
white-space: pre;
@media(max-width: 660px){
content:none ;
}
}
}