features page added spyscoll to navigation

[people/shoehn/ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index ab4a7d7b80ef9422147b6db0940ac48b428d15da..4ac2968c2116b023b464e09ab2f795d8023187d5 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4687,14 +4687,35 @@ h5.fireinfo {
   .navbar-nav .nav-link:hover:after {
     transform: scaleX(1); } }
 
-#sidebar ul {
-  list-style: none; }
-  #sidebar ul ul {
-    margin: 24px 0 0 0;
-    padding-left: 0; }
-  #sidebar ul li {
-    padding: 0 16px;
-    margin-bottom: 24px; }
+#sidebar {
+  padding: 0; }
+  #sidebar ul {
+    list-style: none; }
+    #sidebar ul.features_nav {
+      padding: 0 0 24px 0;
+      max-height: calc(100vh - 96px);
+      overflow-x: auto; }
+    #sidebar ul ul {
+      margin: 24px 0 0 0;
+      padding-left: 0; }
+      #sidebar ul ul li:last-child {
+        margin-bottom: 0; }
+    #sidebar ul li {
+      padding: 0 16px;
+      margin: 8px 0; }
+      #sidebar ul li a.nav-link {
+        padding: inherit;
+        color: #263238;
+        height: 32px;
+        padding: 0 8px;
+        line-height: 2; }
+        #sidebar ul li a.nav-link.active {
+          color: #b71c1c;
+          border-left: 2px solid #b71c1c;
+          padding: 0 8px 0 6px; }
+  #sidebar ul.features_nav.fixed {
+    position: fixed;
+    top: 120px; }
 
 .btn-red900 {
   color: #fff !important;
@@ -4990,7 +5011,8 @@ section#appliances {
     background: white;
     border-radius: 4px;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-    padding: 40px 24px; }
+    padding: 40px 24px;
+    position: relative; }
 
 .divider {
   width: 128px;