chore(demo): prevent overflow body when height is auto (#6244)

taiga-family · Dec 13, 2023 · 69ec5e6 · 69ec5e6
1 parent e2a93d2
commit 69ec5e6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/projects/addon-doc/components/main/main.style.less b/projects/addon-doc/components/main/main.style.less
@@ -1,10 +1,5 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
-html {
-    scroll-padding-top: 4rem;
-    height: auto;
-}
-
 @keyframes tuiShaking {
     from,
     to {
@@ -28,12 +23,19 @@ html {
 }
 
 @sidebar-width: 16.25rem;
+@sticky-header-height: 4rem;
 
+html,
 body {
+    scroll-padding-top: @sticky-header-height;
     background: var(--tui-base-01);
     height: auto;
 }
 
+tui-root > tui-scroll-controls > .t-bar_vertical {
+    top: @sticky-header-height !important;
+}
+
 tui-doc-main {
     display: block;
 }

diff --git a/projects/demo/src/styles.less b/projects/demo/src/styles.less
@@ -5,7 +5,6 @@ html,
 body {
     .scroll-behavior();
     font: var(--tui-font-text-m);
-    overflow-x: hidden;
 
     @media (prefers-reduced-motion) {
         scroll-behavior: auto;