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

css sous-titre-actu dans home

Browse Source
This commit is contained in:
ouidade
2022-01-07 17:31:36 +01:00
parent f0864e50c5
commit aec0e278e0
2 changed files with 30 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+16 -12
View File
@@ -635,19 +635,16 @@ a {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child {
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(1) { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images {
order: 1; } order: 1; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(4) { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img {
order: 2; } max-width: 95%;
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite div:first-child :nth-child(5) { max-height: 150px;
order: 3; } object-fit: cover;
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-images .field__item img { width: 100%;
max-width: 95%; padding-bottom: 1rem; }
max-height: 150px;
object-fit: cover;
width: 100%;
padding-bottom: 1rem; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-date {
order: 2;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: flex-end; } justify-content: flex-end; }
@@ -659,6 +656,12 @@ a {
font-weight: 800; font-weight: 800;
padding-right: 1rem; padding-right: 1rem;
width: fit-content; } width: fit-content; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-title {
order: 3; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-sous-titre {
order: 4;
margin-top: 0.3rem;
font-weight: 800; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field:not(.field--name-field-images) {
width: 100%; } width: 100%; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite h2 {
@@ -674,6 +677,7 @@ a {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .inline.links a {
display: none; } display: none; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type { .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite .field--name-field-actu-type {
order: 5;
padding-top: 1rem; } padding-top: 1rem; }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 { .path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-area: actus; grid-area: actus;
web/themes/custom/eql/scss/pages/_home.scss
+14 -3
View File
@@ -357,11 +357,12 @@
div:first-child{ // block actu dans le bandeau div:first-child{ // block actu dans le bandeau
display: flex; display: flex;
flex-direction: column; flex-direction: column;
:nth-child(1) { order: 1; } // :nth-child(1) { order: 1; }
:nth-child(4) { order: 2; } // :nth-child(4) { order: 2; }
:nth-child(5) { order: 3; } // :nth-child(5) { order: 3; }
} }
.field--name-field-images { .field--name-field-images {
order: 1;
.field__item img{ .field__item img{
max-width: 95%; max-width: 95%;
max-height: 150px; max-height: 150px;
@@ -372,6 +373,7 @@
} }
.field--name-field-date{ .field--name-field-date{
order: 2;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
justify-content: flex-end; justify-content: flex-end;
@@ -392,6 +394,14 @@
} }
} }
.field--name-title{
order:3;
}
.field--name-field-sous-titre{
order:4;
margin-top: 0.3rem;
font-weight: 800;
}
.field:not(.field--name-field-images){ .field:not(.field--name-field-images){
width: 100%; width: 100%;
@@ -410,6 +420,7 @@
} }
} }
.field--name-field-actu-type{ .field--name-field-actu-type{
order:5;
padding-top: 1rem; padding-top: 1rem;
} }
} }