Merge pull request #1116 from Aravindh-Raju/aravindhr/make-navbars-fixed

Make menu bars fixed
vinyldns · Aug 30, 2022 · d14ef31 · d14ef31
2 parents 72976c8 + 7e8e7ec
commit d14ef31
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/modules/portal/app/views/header.scala.html b/modules/portal/app/views/header.scala.html
@@ -1,6 +1,6 @@
 @(rootAccountName: String)(implicit request: play.api.mvc.Request[Any])
 
-<div class="top_nav">
+<div class="top_nav" id="fixed-top-nav">
   <div class="nav_menu">
     <nav>
       <div class="nav toggle">

diff --git a/modules/portal/app/views/main.scala.html b/modules/portal/app/views/main.scala.html
@@ -35,7 +35,7 @@
             <div class="main_container" ng-cloak ng-controller="@controller">
 
             <!-- START PAGE SIDEBAR -->
-                <div class="col-md-3 left_col">
+                <div class="col-md-3 left_col" id="fixed-side-menu">
                     <div class="left_col scroll-view">
                         <div class="navbar nav_title vinyldns-nav-title">
                             <a href="/index"><span><img src="/assets/images/vinyldns-portal.png" class="vinyldns-logo"/></span></a>

diff --git a/modules/portal/public/css/vinyldns.css b/modules/portal/public/css/vinyldns.css
@@ -491,3 +491,14 @@ input[type="file"] {
 .modal-backdrop.show {
   opacity: 0.75;
 }
+
+#fixed-side-menu {
+    position: fixed;
+    top: 0;
+}
+
+#fixed-top-nav {
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+}