From efda29b46e0f3eef70e670a102aedfb9b164ed64 Mon Sep 17 00:00:00 2001 From: "Ahmad K. Bawaneh" Date: Sun, 14 Apr 2024 16:39:18 +0300 Subject: [PATCH] fix #917 Carousel images size only horizontally --- .../domino-ui/dui-components/domino-ui-carousel.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css b/domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css index 94c597e9b..557d7c3f6 100644 --- a/domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css +++ b/domino-ui/src/main/resources/org/dominokit/domino/ui/public/css/domino-ui/dui-components/domino-ui-carousel.css @@ -33,6 +33,9 @@ position: relative; width: 100%; overflow: hidden; + display: flex; + justify-content: center; + max-height: 100%; } .dui-carousel-inner>.dui-slide { @@ -99,6 +102,9 @@ position: absolute; top: 0; width: 100%; + height: 100%; + margin: auto; + object-fit: contain; } .dui-carousel-inner>.dui-slide-next { @@ -129,9 +135,11 @@ display: block; max-width: 100%; width: 100%; - height: auto; + height: 100%; vertical-align: middle; border: 0; + margin: auto; + object-fit: contain; } .dui-carousel-control {