fix(action-sheet): use clamp instead of max for sizing action sheet c…

…ontainer
telerik · Oct 20, 2022 · e2c9af9 · e2c9af9
1 parent 0dd6b8f
commit e2c9af9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/default/scss/action-sheet/_layout.scss b/packages/default/scss/action-sheet/_layout.scss
@@ -4,8 +4,8 @@
     .k-actionsheet-container {
         width: 100%;
         height: 100%;
-        max-width: unquote("max(100%, 100vw)");
-        max-height: unquote("max(100%, 100vh)");
+        max-width: clamp(100vw, 100%, 100%);
+        max-height: clamp(100vh, 100%, 100%);
         position: fixed;
         top: 0;
         left: 0;

diff --git a/packages/fluent/scss/action-sheet/_layout.scss b/packages/fluent/scss/action-sheet/_layout.scss
@@ -5,8 +5,9 @@
     .k-actionsheet-container {
         width: 100%;
         height: 100%;
-        max-width: unquote("max(100%, 100vw)");
-        max-height: unquote("max(100%, 100vh)");
+        // TODO: use max when we drop less themes
+        max-width: clamp(100vw, 100%, 100%);
+        max-height: clamp(100vh, 100%, 100%);
         position: fixed;
         top: 0;
         left: 0;