浏览代码

ajout bouton voir toutes les actus sur home

ouidade 2 天之前
父节点
当前提交
d3d2d23936

+ 45 - 2
web/themes/custom/eql/dist/assets/css/bundle.css

@@ -541,7 +541,6 @@ svg.ext {
 .path-frontpage .block-views-blockactus-blocks-pages-block-1 {
   width: 100vw;
   height: auto;
-  border-bottom: 5px solid rgb(0, 158, 227);
   background: rgba(0, 158, 227, 0.2);
 }
 @media (max-width: 810px) {
@@ -558,6 +557,9 @@ svg.ext {
 .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content {
   height: auto;
 }
+.path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .views-row-wrapper {
+  margin-bottom: 0;
+}
 @media (max-width: 810px) {
   .path-frontpage .block-views-blockactus-blocks-pages-block-1 div .view-actus-blocks-pages .view-content .slick-list {
     width: 100vw !important;
@@ -724,7 +726,44 @@ svg.ext {
   display: none;
 }
 .path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
-  visibility: hidden;
+  visibility: visible;
+  display: flex;
+  flex-flow: row;
+  justify-content: center;
+  background: rgba(0, 158, 227, 0.2);
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+  border-bottom: 5px solid rgb(0, 158, 227);
+}
+@media (max-width: 479px) {
+  .path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
+    padding-top: 2rem;
+    padding-bottom: 2rem;
+  }
+}
+.path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--name-field-lien {
+  margin: auto;
+  height: fit-content;
+  padding: 0.4rem 1rem;
+  font-size: 0.8rem;
+  margin: 0;
+  background-color: rgb(255, 255, 255);
+  border: 2px solid rgb(0, 158, 227);
+  list-style: none;
+  display: inline-flex;
+}
+.path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--name-field-lien p {
+  margin: 0;
+}
+.path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--name-field-lien a {
+  text-transform: uppercase;
+  font-weight: 700;
+  color: rgb(0, 158, 227);
+  display: inline-flex;
+  align-items: center;
+}
+.path-frontpage .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--name-field-lien a::after {
+  content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
 }
 .path-frontpage .block-views-blockhome-nodes-block-2 .view-display-id-block_2:is(.view-id-home_nodes) {
   padding-top: 2rem;
@@ -6590,6 +6629,10 @@ body.type-media-reportage-photos .block-region-third .block-entity-fieldnodefiel
 .path-frontpage .slick-dots {
   bottom: -40px !important;
 }
+.path-frontpage .slick-prev::before,
+.path-frontpage .slick-next::before {
+  opacity: 1;
+}
 
 /* Slider */
 .slick-slider {

+ 42 - 4
web/themes/custom/eql/scss/pages/_home.scss

@@ -6,7 +6,7 @@
         .block-views-blockactus-blocks-pages-block-1{
             width: 100vw;
             height: auto;
-            border-bottom: 5px solid $blue-light;
+            // border-bottom: 5px solid $blue-light;
             background: $background-actus;
             @media(max-width: 810px){
                 height: auto;
@@ -22,6 +22,9 @@
                 .view-actus-blocks-pages{
                     .view-content{
                         height: auto;
+                        .views-row-wrapper{
+                            margin-bottom: 0;
+                        }
                         .slick-list{
                             @media(max-width: 810px){
                                 width: 100vw !important;
@@ -196,7 +199,44 @@
     
         // bouton voir toutes actus du bandeau bleu
         .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
-            visibility: hidden;
+            visibility: visible;
+            display: flex;
+            flex-flow: row;
+            justify-content: center;
+            background: $background-actus;
+            // padding-right:10%;   
+            padding-top: 3rem;
+            padding-bottom: 3rem;
+            border-bottom: 5px solid rgb(0, 158, 227);
+            @media(max-width:479px) {
+                padding-top: 2rem;
+                padding-bottom: 2rem;
+
+            }
+            .field--name-field-lien{
+                margin: auto;
+                height: fit-content;
+                padding: 0.4rem 1rem;
+                font-size: 0.8rem;
+                margin: 0;
+                background-color: $white;
+                border: 2px solid $blue-light; 
+                list-style: none; 
+                display: inline-flex;
+                p{margin: 0;}
+                a{
+                    text-transform: uppercase;
+                    font-weight: 700;
+                    color: $blue-light;
+                    display: inline-flex;
+                    align-items: center;    
+
+                } 
+                a::after{
+                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+            
+                }
+            }
         }
 
         
@@ -233,8 +273,6 @@
                         border: 2px solid $blue-light;  
                         list-style: none;
 
-
-
                         a{
                             text-transform: uppercase;
                             font-weight: 700;

+ 4 - 0
web/themes/custom/eql/scss/partials/_slick_custom.scss

@@ -7,4 +7,8 @@
     .slick-dots {
         bottom: -40px !important;
     }
+    .slick-prev::before,
+    .slick-next::before{
+        opacity: 1;
+    }
 }