From f2b96344c2636987d527d382be1903bfb7659c7d Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Wed, 3 Aug 2022 17:50:46 +0200
Subject: [PATCH] pb gallery
---
assets/sass/_theme/blocks/gallery.sass | 31 +++++++++++++++++---------
1 file changed, 20 insertions(+), 11 deletions(-)
diff --git a/assets/sass/_theme/blocks/gallery.sass b/assets/sass/_theme/blocks/gallery.sass
index e1e5e232..5fe37c52 100644
--- a/assets/sass/_theme/blocks/gallery.sass
+++ b/assets/sass/_theme/blocks/gallery.sass
@@ -47,24 +47,33 @@
&__slide
flex-shrink: initial
- figure
+ figure // TODO : affichage écrasé
max-width: 80%
min-width: 80% // to check
@include in-page-without-aside
min-width: 50%
- &:last-of-type
- max-width: 100%
- padding-right: 20%
- img
- height: 50vw
- width: auto
- @include media-breakpoint-up(md)
- height: 100%
- max-height: 45vh
- min-height: 400px
+ // &:last-of-type
+ // max-width: 100%
+ // padding-right: 20%
+ picture
+ height: 50vh
+ overflow: hidden // solution provisoire : j'ai créé un masque avec le picture
+ width: 100%
@media (min-height: 800px)
height: 680px
max-height: 100%
+ img
+ height: auto
+ width: 100%
+ @media (min-height: 800px)
+ height: 100%
+ max-width: unset
+ width: auto
+ // @include media-breakpoint-up(md)
+ // height: 100%
+ // max-height: 45vh
+ // min-height: 45vh
+
p
@media (min-height: 800px)
font-size: px2rem(16)
--
GitLab