css sous-titre-actu

web/themes/custom/eql/css-compiled/styles.css

@@ -855,6 +855,10 @@ a {
           padding-right: 1rem;
           padding-left: 1rem;
           content: "|"; }
+    .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-sous-titre {
+      grid-column: 2 /span 7;
+      margin-top: 1rem;
+      font-weight: 800; }
     .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-images {
       grid-column-start: 5;
       grid-column-end: 9; }
@@ -1123,25 +1127,27 @@ a {
         .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
           display: flex;
           flex-direction: column; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
-            order: 1; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
-            order: 2; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
-            order: 3; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
             color: #09398b; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
-            width: 100%;
-            max-height: 175px;
-            object-fit: cover; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
-            display: block;
-            content: url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>'); }
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images {
+            order: 1; }
+            .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
+              width: 100%;
+              max-height: 175px;
+              object-fit: cover; }
+            .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images::after {
+              display: block;
+              content: url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>'); }
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-sous-titre {
+            margin-top: 0.5rem;
+            font-size: 0.9rem;
+            font-weight: 800;
+            order: 4; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date {
+            order: 2;
             display: flex;
-            flex-direction: row-reverse;
-            justify-content: flex-end; }
+            flex-direction: row;
+            justify-content: flex-start; }
             .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-date:not(:last-child):after {
               padding-right: 1rem;
               content: "|"; }
@@ -1150,6 +1156,8 @@ a {
               font-weight: 800;
               padding-right: 1rem;
               width: fit-content; }
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-title {
+            order: 3; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field:not(.field--name-field-images) {
             width: 100%; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child h2 {
@@ -1163,6 +1171,7 @@ a {
             .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .inline.links a {
               display: none; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-actu-type {
+            order: 5;
             padding-top: 1rem; }
 
 .node-id-4 {

web/themes/custom/eql/scss/pages/_actualite.scss

@@ -46,6 +46,7 @@
                         font-weight: 500;
                     }
                 }
+
                 .block-entity-fieldnodefield-date{
                     grid-column: 2 / span 3;
                     text-transform: uppercase;
@@ -62,9 +63,14 @@
                             content: "|";
                         }
                     }
-                        
-    
                 }
+
+                .block-entity-fieldnodefield-sous-titre{
+                    grid-column: 2 /span 7;
+                    margin-top: 1rem;
+                    font-weight: 800;
+                }
+
                 .block-entity-fieldnodefield-images{
                     grid-column-start: 5;
                     grid-column-end: 9;
@@ -181,9 +187,7 @@
             .block-region-third{
                 display: flex;
                 flex-direction: column;
-                width: 65%;                
-                .block-entity-fieldnodefield-fichiers{
-                }         
+                width: 65%;                      
                 .field--name-field-fichiers{
                     .field__item{
                         height: fit-content;

web/themes/custom/eql/scss/pages/_toutesactualites.scss

@@ -40,10 +40,10 @@
                     display: flex;
                     flex-direction: column;
             
-                    :nth-child(1) { order: 1; } 
+                    // :nth-child(1) { order: 1; } 
                     
-                    :nth-child(4) { order: 2; }  
-                    :nth-child(5) { order: 3; }    
+                    // :nth-child(4) { order: 2; }  
+                    // :nth-child(5) { order: 3; }    
 
                     // :nth-child(1) { order: 3; } 
                     // :nth-child(2) { order: 1; } 
@@ -53,6 +53,7 @@
                         color: $blue-dark;
                     } 
                     .field--name-field-images {
+                        order:1;
                         .field__item img{  
                             width: 100%; 
                             max-height: 175px;
@@ -63,10 +64,18 @@
                             content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
                         }
                     }
+                    .field--name-field-sous-titre{
+                        margin-top: 0.5rem;
+                        font-size: 0.9rem;
+                        font-weight: 800;
+                        order: 4;
+                        
+                    }
                     .field--name-field-date{
+                        order: 2;
                         display: flex;
-                        flex-direction: row-reverse;
-                        justify-content: flex-end;
+                        flex-direction: row;
+                        justify-content: flex-start;
                         &:not(:last-child):after{ 
                             padding-right: 1rem;
                             content: "|";
@@ -84,6 +93,10 @@
 
                         }
                     }
+                    .field--name-title{
+                        order: 3;
+
+                    }
 
                     .field:not(.field--name-field-images){
                         width: 100%;
@@ -103,6 +116,7 @@
                         // }
                     }
                     .field--name-field-actu-type{
+                        order: 5;
                         padding-top: 1rem;
                     }
                 }