fix: fix Aside height

taiga-family · Jul 12, 2024 · cc145f6 · cc145f6
1 parent 8525e7d
commit cc145f6
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/apps/taiga-lumbermill/src/components/navigation/navigation.component.html b/apps/taiga-lumbermill/src/components/navigation/navigation.component.html
@@ -58,7 +58,7 @@
 </header>
 <div [style.display]="'flex'">
     <aside
-        [style.height.rem]="27"
+        class="AsideBar"
         [tuiNavigationAside]="expanded"
     >
         <header>
@@ -144,4 +144,5 @@
             </button>
         </footer>
     </aside>
+    <main class="show"></main>
 </div>
diff --git a/apps/taiga-lumbermill/src/components/navigation/navigation.component.less b/apps/taiga-lumbermill/src/components/navigation/navigation.component.less
@@ -2,3 +2,11 @@
     margin: 0;
     padding: 0;
 }
+
+.show {
+    height: 200vh;
+}
+
+.AsideBar {
+    height: calc(100vh - 3rem);
+}
diff --git a/apps/taiga-lumbermill/src/styles.less b/apps/taiga-lumbermill/src/styles.less
@@ -1 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
+.root {
+    height: 100vh;
+}