Quellcode durchsuchen

positionnement bouton 'voir toutes les actus' bandeau bleu

ouidade vor 3 Jahren
Ursprung
Commit
6995382dcb

+ 4 - 1
web/themes/custom/eql/css-compiled/styles.css

@@ -255,12 +255,15 @@ a {
 
 .layout--onecol .block-block-content {
   display: grid;
-  grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
+  grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+  position: relative; }
 
 .layout--onecol .field--type-link {
   grid-area: 8 / span 9;
   grid-row: 0;
   justify-self: end;
+  position: relative;
+  top: -200%;
   width: fit-content;
   height: fit-content;
   padding: 0.4rem 1rem;

+ 5 - 3
web/themes/custom/eql/scss/pages/_home.scss

@@ -85,14 +85,15 @@
 .layout--onecol{
     .block-block-content{
         display: grid;
-        // grid-template-rows: repeat(auto fill, 1fr);
         grid-template-columns: 1fr repeat(8, 2fr) 1fr;
-    }
-        
+        position: relative;
+    }      
     .field--type-link {
         grid-area: 8 / span 9;
         grid-row: 0;
         justify-self: end;
+        position: relative;
+        top: -200%;
         // display: block;
         // float: right;
         width: fit-content;
@@ -144,6 +145,7 @@
             background-color: $white;
             border: 2px solid $blue-light;  
             list-style: none;
+            
 
             a{
                 text-transform: uppercase;