feat: emulate production left space of camac ng

projectcaluma · Nov 18, 2024 · d061116 · d061116
1 parent ae10efb
commit d061116
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/tests/dummy/app/styles/app.scss b/tests/dummy/app/styles/app.scss
@@ -6,3 +6,21 @@
   max-height: 100vh;
   overflow: hidden;
 }
+
+.nav-sidebar {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  top: 80px;
+  overflow-y: auto;
+  width: 240px;
+  border-right: 1px solid #dfdfdf;
+}
+
+.full-screen-content {
+  margin-left: 241px;
+}
+
+.full-screen-content > div {
+  height: calc(100vh - 80px);
+}
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
@@ -42,8 +42,14 @@
       </ul>
     </div>
   </nav>
-
-  <main class="uk-height-1-1 uk-overflow-auto">
+  <aside class="nav-sidebar uk-navbar-container">
+    <div class="subnav-header">
+      <p>This panel is to emulate the side panel of camac ng</p>
+      <br>
+      <p>This is not a part of <strong>ember-alexandria</strong> package</p>
+    </div>
+  </aside>
+  <div class="full-screen-content">
     {{outlet}}
-  </main>
+  </div>
 </div>