From 3e6f00c387f50af9fbff5cc43a3f4aa8565c9f2a Mon Sep 17 00:00:00 2001 From: isUnknown Date: Mon, 16 Sep 2024 15:56:53 +0200 Subject: [PATCH] section - add img max-height --- assets/css/src/page-sectioned.css | 7 +++++++ site/blueprints/pages/section.yml | 8 ++++++++ site/templates/sectioned.php | 3 ++- 3 files changed, 17 insertions(+), 1 deletion(-) diff --git a/assets/css/src/page-sectioned.css b/assets/css/src/page-sectioned.css index 7127531..33aa7cb 100644 --- a/assets/css/src/page-sectioned.css +++ b/assets/css/src/page-sectioned.css @@ -79,6 +79,13 @@ transform: rotate(-45deg); } +@media screen and (min-width: 800px) { + .section__row.fixed-img-height img { + max-height: var(--height); + object-fit: contain; + } +} + @media screen and (max-width: 800px) { .anchors-strip { display: none; diff --git a/site/blueprints/pages/section.yml b/site/blueprints/pages/section.yml index c373a34..a9567f2 100644 --- a/site/blueprints/pages/section.yml +++ b/site/blueprints/pages/section.yml @@ -28,5 +28,13 @@ tabs: - text - image - links-list + settings: + fields: + imgHeight: + label: Limiter la hauteur des images de la rangée + type: number + after: % de la largeur de l'écran. + help: Laisser vide une hauteur illimitée. + width: 1/2 filesTab: tabs/files diff --git a/site/templates/sectioned.php b/site/templates/sectioned.php index 6a49b44..cfaf844 100644 --- a/site/templates/sectioned.php +++ b/site/templates/sectioned.php @@ -23,7 +23,8 @@ section()->toLayouts() as $layout): ?>
attrs()->imgHeight()->isNotEmpty() == 'true', ' style="--height: ' . $layout->attrs()->imgHeight() . 'vw;" ') ?> id="id() ?>" > columns() as $column): ?>