home presentation, page site

2024-06-23 23:03:46 +02:00
parent 44c9b53c16
commit 3353e208b1
13 changed files with 292 additions and 132 deletions
@@ -1,13 +1,37 @@
-.block-views-blockhome-block-1{
+.page--home{

-    .view-display-id-block_1{
-        width: 60%;
-        margin: auto;
-        padding-top: 5rem;
-        @media(max-width: 891px){
-            width: 80%;
-            padding-top: 3rem;
+    .home-page-layout-content{
+        .block-views-blockhome-block-1{
+    
+            .view-display-id-block_1{
+                width: 60%;
+                margin: auto;
+                padding-top: 5rem;
+                max-height: 300px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                @media(max-width: 891px){
+                    width: 80%;
+                    padding-top: 3rem;
+                } 
+                    /* Masquer tous les paragraphes après le premier */
+                .field-content p:nth-of-type(n+2), h3, ul {
+                    display: none;
+                }
+            }
+        }
+    
+        .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5{
+            width: fit-content;
+            margin: auto;
+            z-index: 99;
+            position: relative;
+            margin-top: 2rem;
+            .field--type-link{
+                .field__item::after{    
+                        content: url('../dist/images/noun-arrow-1569918-black.svg');
+                }
+            }
        }
-        
    }
 }
@@ -53,7 +53,7 @@
                        // // object-fit: cover;
                        // height: auto;
                        height: 500px;
-                        
+                        width: auto;                        
                    }
                }
                .filtered-content{
@@ -66,9 +66,11 @@
                    grid-row: 7/span 5;
                    grid-column: 7/span 9;
                    padding: 1rem;
+                    z-index: 99;
                    @media(max-width: 891px){
                        width: auto;
                    }
+                    h1{display: none;}
                    h2{
                        order: 2;
                        margin: 0;
@@ -122,5 +124,7 @@

        width: fit-content;
        margin: auto;
+        z-index: 99;
+        position: relative;
    }
 }