From baee70bd5fa0571acaf669359cb12b2660c6ca9c Mon Sep 17 00:00:00 2001 From: ouidade Date: Thu, 5 Jun 2025 11:09:29 +0200 Subject: [PATCH] display block image none dans block-region-toip pour media video --- .../custom/eql/dist/assets/css/bundle.css | 40 ------------ .../pages/_ressource-type-media-vidéos.scss | 65 ++----------------- 2 files changed, 6 insertions(+), 99 deletions(-) diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css index c492171..9668638 100644 --- a/web/themes/custom/eql/dist/assets/css/bundle.css +++ b/web/themes/custom/eql/dist/assets/css/bundle.css @@ -5929,46 +5929,6 @@ body.type-media-vidéos .block-region-third .block-entity-fieldnodefield-fichier margin-left: 0; } .page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images { - margin-top: 5rem; - padding: 0; - order: 7; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel { - display: block; - max-width: 80vw; - margin: auto; - text-align: center; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .main-image-container { - position: relative; - height: 500px; - max-height: 500px; - overflow: hidden; - width: 100%; - object-fit: contain; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .main-image-container img { - width: 100%; - height: 100%; - object-fit: contain; - transition: transform 0.3s ease-in-out; - border: none; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .main-image-container img.animate { - transform: scale(1.02); -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .main-image-container .arrow { - display: none !important; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .caption { - margin-top: 10px; - font-family: sans-serif; - display: none !important; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .carousel .thumbnails-wrapper { - display: none !important; -} -.page-node-type-ressource .type-media-vidéos.layout__region--top .block-region-top .block-entity-fieldnodefield-images .field__items { display: none; } diff --git a/web/themes/custom/eql/scss/pages/_ressource-type-media-vidéos.scss b/web/themes/custom/eql/scss/pages/_ressource-type-media-vidéos.scss index 31fcd2a..1fd29fd 100644 --- a/web/themes/custom/eql/scss/pages/_ressource-type-media-vidéos.scss +++ b/web/themes/custom/eql/scss/pages/_ressource-type-media-vidéos.scss @@ -9,66 +9,13 @@ @media screen and (min-width:1100px) { display: flex; } - .block { - margin-left: 0; - } - .block-entity-fieldnodefield-images{ - margin-top: 5rem; - padding: 0; - order: 7; + .block { + margin-left: 0; + } + .block-entity-fieldnodefield-images{ + display: none; - - .carousel { - display: block; - max-width: 80vw; - margin: auto; - text-align: center; - - .main-image-container { - position: relative; - // background: #e0f5ff; - height: 500px; - max-height: 500px; - overflow: hidden; - width: 100%; - object-fit: contain; - - img { - width: 100%; - height: 100%; - object-fit: contain; - transition: transform 0.3s ease-in-out; - border: none ; - // transition: opacity 0.4s ease-in-out; // à réactiver si fade souhaité - &.animate { - transform: scale(1.02); // léger effet smooth sur changement - } - } - - .arrow { - display: none !important; - } - - } - - .caption { - margin-top: 10px; - font-family: sans-serif; - display: none !important; - - } - - .thumbnails-wrapper { - display: none !important; - - - } - } - // Masquer les images Drupal originales (facultatif) - .field__items { - display: none; - } - } + } }