diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index 51ba81a..baad4ac 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/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 { diff --git a/web/themes/custom/eql/scss/pages/_ressource-type-en-images.scss b/web/themes/custom/eql/scss/pages/_ressource-type-en-images.scss index fa1fd16..cc6d77c 100644 --- a/web/themes/custom/eql/scss/pages/_ressource-type-en-images.scss +++ b/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 { diff --git a/web/themes/custom/eql/scss/partials/_slick-theme.scss b/web/themes/custom/eql/scss/partials/_slick-theme.scss index babc877..0920dbd 100644 --- a/web/themes/custom/eql/scss/partials/_slick-theme.scss +++ b/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; } } }