Add CSS for different browser types

openWB · Dec 9, 2024 · 9469e35 · 9469e35
1 parent 4cb5c7a
commit 9469e35
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/packages/modules/web_themes/standard/source/src/components/BaseCarousel.vue b/packages/modules/web_themes/standard/source/src/components/BaseCarousel.vue
@@ -90,4 +90,29 @@ watch(
 .carousel-height {
   min-height: fit-content;
 }
+
+/* firefox */
+@-moz-document url-prefix() {
+  .carousel-height {
+    min-height: 0;
+    height: fit-content;
+  }
+  .carousel-slide {
+    padding: 0;
+  }
+}
+
+/* Safari */
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  _::-webkit-full-page-media,
+  _:future,
+  :root .carousel-height {
+    height: fit-content;
+  }
+  _::-webkit-full-page-media,
+  _:future,
+  :root .carousel-slide {
+    height: fit-content;
+  }
+}
 </style>