chore(site): replace usages of --100vh hack with dvh units

exadel-inc · Feb 1, 2024 · f8df5a5 · f8df5a5
1 parent bd2e55b
commit f8df5a5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/site/src/localdev.ts b/site/src/localdev.ts
@@ -11,7 +11,6 @@ import '@exadel/esl/modules/lib';
 import './common/breakpoints';
 
 import {
-  ESLVSizeCSSProxy,
   ESLImage,
   ESLMedia,
   ESLToggleable,
@@ -56,8 +55,6 @@ import {ESLDemoAnchorLink} from './anchor/anchor-link';
 import {ESLDemoBanner} from './banner/banner';
 import {ESLDemoSwipeArea, ESLDemoWheelArea} from './esl-events-demo/esl-events-demo';
 
-ESLVSizeCSSProxy.observe();
-
 // Register Demo components
 ESLDemoAutofocus.register();
 ESLDemoSidebar.register();

diff --git a/site/src/navigation/sidebar/sidebar.less b/site/src/navigation/sidebar/sidebar.less
@@ -58,11 +58,12 @@ esl-d-sidebar {
   @media @md-xl {
     position: relative;
     top: 0;
-    /* stylelint-disable */
     height: 100vh;
-    height: var(--100vh, 100vh);
-    /* stylelint-enable */
     max-width: 72px;
+
+    @supports (height: 100dvh) {
+      height: 100dvh;
+    }
   }
 
   &.open {

diff --git a/site/src/page/base-layout.less b/site/src/page/base-layout.less
@@ -13,10 +13,11 @@
 
     body {
       width: 100%;
-      /* stylelint-disable */
       height: 100vh;
-      height: var(--100vh, 100vh);
-      /* stylelint-enable */
+
+      @supports (height: 100dvh) {
+        height: 100dvh;
+      }
     }
   }