Merge pull request #103 from appwrite/elad-style-8

eliminate overflow-x in main-section
appwrite · Sep 28, 2023 · 2e32e5f · 2e32e5f
2 parents ee6b08a + 949d8b1
commit 2e32e5f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/scss/2-resets/_typography.scss b/src/scss/2-resets/_typography.scss
@@ -10,7 +10,10 @@ body {
 
 	color: hsl(var(--p-body-text-color)) !important;
 	background-color: hsl(var(--p-body-bg-color));
-	overflow-x:hidden;
+}
+
+.#{$p}-main-section {
+	//overflow-x:hidden;
 }
 
 :where(body) :focus-visible {

diff --git a/src/scss/7-components/_side-nav.scss b/src/scss/7-components/_side-nav.scss
@@ -18,7 +18,7 @@
 
 
   position:sticky; z-index:35; inset-block-start:pxToRem(74); inset-block-end:0;
-  block-size:calc(100vh - pxToRem(81));
+  block-size:calc(100vh - pxToRem(160)); block-size:calc(100dvh - pxToRem(81));
   .#{$p}-icon-button { transition:var(--transition); margin-block-end:pxToRem(-4); margin-inline-end:pxToRem(6); }