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

responsive actu home

Browse Source
This commit is contained in:
ouidade
2025-09-22 17:38:24 +02:00
parent 98de7de265
commit 8239170aef
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/dist/assets/css/bundle.css
Vendored
+5 -6
View File
@@ -586,7 +586,7 @@ svg.ext {
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite {
width: 65%; width: 90%;
height: auto; height: auto;
} }
} }
@@ -639,9 +639,8 @@ svg.ext {
} }
@media (max-width: 680px) { @media (max-width: 680px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo .field--name-field-images .field__item img { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_photo .field--name-field-images .field__item img {
height: 200px; max-height: 200px;
object-fit: cover; object-fit: cover;
max-width: 70vw;
margin: auto; margin: auto;
padding-left: 0; padding-left: 0;
padding-bottom: 1rem; padding-bottom: 1rem;
@@ -668,9 +667,9 @@ svg.ext {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
font-size: 1.3rem; font-size: 1.3rem;
} }
@media (min-width: 811px) { @media (max-width: 811px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date {
font-size: 0.9rem; font-size: 1rem;
} }
} }
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date div { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-field-date div {
@@ -714,7 +713,7 @@ svg.ext {
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-title { .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row .node-type-actualite .actus-teaser-home .home_actu_infos .field--name-title {
font-size: 1rem; font-size: 0.9rem;
padding-top: 0.5rem; padding-top: 0.5rem;
} }
} }
web/themes/custom/eql/scss/pages/_home.scss
+6 -6
View File
@@ -49,7 +49,7 @@
margin-bottom: 2rem; margin-bottom: 2rem;
@media (max-width: 810px){ @media (max-width: 810px){
width: 65%; width: 90%;
height: auto; height: auto;
} }
@@ -95,9 +95,9 @@
max-height: 400px; max-height: 400px;
} }
@media (max-width: 680px){ @media (max-width: 680px){
height: 200px; max-height: 200px;
object-fit: cover; object-fit: cover;
max-width: 70vw; // max-width: 70vw;
margin: auto; margin: auto;
padding-left: 0; padding-left: 0;
padding-bottom: 1rem; padding-bottom: 1rem;
@@ -131,9 +131,9 @@
} }
.field--name-field-date{ .field--name-field-date{
font-size: 1.3rem; font-size: 1.3rem;
@media (min-width: 811px) { @media (max-width: 811px) {
// margin-top: 5rem; // margin-top: 5rem;
font-size: 0.9rem; font-size: 1rem;
} }
div{ div{
display: flex !important; display: flex !important;
@@ -175,7 +175,7 @@
color: $blue-dark !important; color: $blue-dark !important;
} }
@media(max-width:810px){ @media(max-width:810px){
font-size: 1rem; font-size: 0.9rem;
padding-top: 0.5rem; padding-top: 0.5rem;
} }
} }