فهرست منبع

opacity dot caroussel

ouidade 1 هفته پیش
والد
کامیت
0ed57752a8

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

@@ -6073,7 +6073,7 @@ footer {
   object-fit: contain;
   border: 2px solid transparent;
   cursor: pointer;
-  opacity: 0.7;
+  opacity: 0.3;
   transition: transform 0.3s ease, opacity 0.3s ease;
 }
 .page-node-type-ressource .type-les-projets-en-images.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .thumbnails-wrapper .thumbnails img.active {
@@ -6808,7 +6808,7 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 }
 .slick-dots li.slick-active button:before {
   color: black;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 
 #views-exposed-form-projets-block-1 {

+ 1 - 1
web/themes/custom/eql/scss/pages/_ressource-type-en-images.scss

@@ -163,7 +163,7 @@
                   object-fit: contain;
                   border: 2px solid transparent;
                   cursor: pointer;
-                  opacity: 0.7;
+                  opacity: 0.3;
                   transition: transform 0.3s ease, opacity 0.3s ease;
             
                   &.active {

+ 3 - 2
web/themes/custom/eql/scss/partials/_slick-theme.scss

@@ -20,6 +20,7 @@ $slick-dot-size: 50px !default;
 $slick-opacity-default: 0 !default;
 $slick-opacity-on-hover: 0.20 !default;
 $slick-opacity-not-active: 0 !default;
+$slick-opacity-active: 0.50 !default;
 
 @function slick-image-url($url) {
     @if function-exists(image-url) {
@@ -194,8 +195,8 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
             }
         }
         &.slick-active button:before {
-            color: $slick-dot-color-active;
-            opacity: $slick-opacity-on-hover;
+            color: $slick-dot-color;
+            opacity: $slick-opacity-active;
         }
     }
 }