3 Commits 5488fc457d ... f9b68caf74

Tác giả SHA1 Thông báo Ngày
  ouidade f9b68caf74 transition hover actualites 1 tháng trước cách đây
  ouidade 7ef5389160 transition hover ressources 1 tháng trước cách đây
  ouidade 960cf53ef4 changement introduction filtres pour web 1 tháng trước cách đây

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

@@ -2449,6 +2449,18 @@ svg.ext {
 .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
   width: 25%;
   flex: 0 0 25%;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transform-origin: center;
+}
+@media (max-width: 479px) {
+  .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row {
+    padding-left: 0rem;
+    padding-right: 0rem;
+    padding-top: 2rem;
+  }
+}
+.path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper .views-row:hover {
+  transform: translateY(-5px);
 }
 @media (max-width: 810px) {
   .path-actualites .block-region-content .block-views .view-content .view-type-slide .views-row-wrapper {
@@ -4823,10 +4835,9 @@ svg.ext {
   }
 }
 .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
-  content: "Filtrer par :";
+  content: "Filtrer les projets pour les visualiser en ligne :";
   margin-right: 2rem;
   margin-bottom: 1rem;
-  margin-left: 0.5rem;
   font-weight: 900;
   min-width: fit-content;
 }
@@ -6669,6 +6680,18 @@ svg.ext {
   width: 20%;
   min-width: 250px;
   max-width: 500px;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  transform-origin: center;
+}
+@media (max-width: 479px) {
+  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track .views-row {
+    padding-left: 0rem;
+    padding-right: 0rem;
+    padding-top: 2rem;
+  }
+}
+.path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper .slick-track .views-row:hover {
+  transform: translateY(-5px);
 }
 @media (max-width: 810px) {
   .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-base-de-donnees .view-content .view-type-slide:not(footer) .views-row-wrapper {

+ 2 - 2
web/themes/custom/eql/scss/pages/_lesprojets.scss

@@ -149,10 +149,10 @@
                                     }
                                   
                                     &::before{
-                                        content: 'Filtrer par :';
+                                        content: 'Filtrer les projets pour les visualiser en ligne :';
                                         margin-right: 2rem;
                                         margin-bottom: 1rem;
-                                        margin-left: 0.5rem;
+                                        // margin-left: 0.5rem;
                                         font-weight: 900;
                                         // width: 160px;
                                         min-width: fit-content;

+ 15 - 0
web/themes/custom/eql/scss/pages/_ressources.scss

@@ -628,6 +628,20 @@
                                                         width: 20% ;
                                                         min-width: 250px ;
                                                         max-width: 500px ;
+                                                        transition:
+                                                        transform 0.3s ease,
+                                                        box-shadow 0.3s ease;
+                                                
+                                                        transform-origin: center;
+                    
+                                                        @media (max-width: 479px){
+                                                            padding-left: 0rem;
+                                                            padding-right: 0rem;
+                                                            padding-top: 2rem;
+                                                        }
+                                                        &:hover{
+                                                            transform: translateY(-5px);
+                                                        }
                                                     }
                                                 }
                                               
@@ -636,6 +650,7 @@
                                                     flex-direction: column;
                                                     .views-row{
                                                         width: 100% !important;
+                                                        
                                                     }
                                                 } 
 

+ 14 - 0
web/themes/custom/eql/scss/pages/_toutesactualites.scss

@@ -19,6 +19,20 @@
                 .views-row{
                     width: 25%;
                     flex: 0 0 25%;
+                    transition:
+                    transform 0.3s ease,
+                    box-shadow 0.3s ease;
+            
+                    transform-origin: center;
+
+                    @media (max-width: 479px){
+                        padding-left: 0rem;
+                        padding-right: 0rem;
+                        padding-top: 2rem;
+                    }
+                    &:hover{
+                        transform: translateY(-5px);
+                    }
                 } 
                 @media (max-width: 810px){
                     flex-direction: column;