bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

actu mobile

Browse Source
This commit is contained in:
ouidade
2024-10-04 09:26:19 +02:00
parent 62bdcd9845
commit 516cf1a650
2 changed files with 32 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+20
View File
@@ -1216,6 +1216,11 @@ a {
max-height: 400px; max-height: 400px;
object-fit: contain; object-fit: contain;
} }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images img {
max-width: 100vw;
}
}
@media (max-width: 568px) { @media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
grid-column: 3/span 8; grid-column: 3/span 8;
@@ -1281,6 +1286,11 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50%; flex: 0 1 50%;
} }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
width: 80%;
}
}
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
width: 90%; width: 90%;
} }
@@ -1349,6 +1359,11 @@ a {
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items {
flex-direction: column;
}
}
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodefield-partenaires .field__items .paragraph--type--partenaire {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -1394,6 +1409,11 @@ a {
padding-right: 1rem; padding-right: 1rem;
} }
} }
@media (max-width: 568px) {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers .field__item {
width: 100%;
}
}
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third .field--name-field-fichiers span:nth-of-type(2) {
display: none; display: none;
} }
web/themes/custom/eql/scss/pages/_actualite.scss
+12
View File
@@ -102,6 +102,9 @@
width: 100%; width: 100%;
max-height: 400px; max-height: 400px;
object-fit: contain; object-fit: contain;
@media (max-width: 568px){
max-width: 100vw;
}
} }
@@ -174,6 +177,9 @@
} }
.layout__region--second{ .layout__region--second{
flex: 0 1 50%; flex: 0 1 50%;
@media (max-width: 568px){
width: 80%;
}
.block-region-second{ .block-region-second{
width: 90%; width: 90%;
@media (max-width:810px) { @media (max-width:810px) {
@@ -250,6 +256,9 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@media (max-width: 568px){
flex-direction: column;
}
.paragraph--type--partenaire{ .paragraph--type--partenaire{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -301,6 +310,9 @@
width: max-content; width: max-content;
padding-right: 1rem; padding-right: 1rem;
} }
@media (max-width: 568px){
width: 100%;
}
} }
span:nth-of-type(2){ span:nth-of-type(2){
display: none; display: none;