Update navbar

Signed-off-by: mohin7 <[email protected]>
kubedb · Jun 27, 2024 · 3684985 · 3684985
1 parent 2b0cbf5
commit 3684985
Show file tree

Hide file tree

Showing 5 changed files with 51 additions and 18 deletions.
diff --git a/hugo_stats.json b/hugo_stats.json
@@ -368,7 +368,6 @@
       "linkedin",
       "list-items",
       "mariadb",
-      "material-icons",
       "material-icons-outlined",
       "maximize",
       "mb-0",
@@ -36923,6 +36922,10 @@
       "be4d80778a4b3bbd39c35eb9cff4f698-2",
       "be4d80778a4b3bbd39c35eb9cff4f698-3",
       "be4d80778a4b3bbd39c35eb9cff4f698-4",
+      "be4d80778a4b3bbd39c35eb9cff4f698-5",
+      "be4d80778a4b3bbd39c35eb9cff4f698-6",
+      "be4d80778a4b3bbd39c35eb9cff4f698-7",
+      "be4d80778a4b3bbd39c35eb9cff4f698-8",
       "be5415ff595a0d82d624b65c36a9b29c-1",
       "be5415ff595a0d82d624b65c36a9b29c-10",
       "be5415ff595a0d82d624b65c36a9b29c-11",
@@ -40454,6 +40457,9 @@
       "d07c2a86e4e1e4ac2cb381d2ab96b105-1",
       "d07c2a86e4e1e4ac2cb381d2ab96b105-2",
       "d07c2a86e4e1e4ac2cb381d2ab96b105-3",
+      "d07c2a86e4e1e4ac2cb381d2ab96b105-4",
+      "d07c2a86e4e1e4ac2cb381d2ab96b105-5",
+      "d07c2a86e4e1e4ac2cb381d2ab96b105-6",
       "d07f3e7f697cec26d686da66414970a4-1",
       "d07f3e7f697cec26d686da66414970a4-10",
       "d07f3e7f697cec26d686da66414970a4-11",
@@ -42407,6 +42413,12 @@
       "da00d3b4aa8799d1a1a1fd01581a5f40-1",
       "da00d3b4aa8799d1a1a1fd01581a5f40-2",
       "da00d3b4aa8799d1a1a1fd01581a5f40-3",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-4",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-5",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-6",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-7",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-8",
+      "da00d3b4aa8799d1a1a1fd01581a5f40-9",
       "da02b1570b9ed960542c9c4921b2b711-1",
       "da02b1570b9ed960542c9c4921b2b711-10",
       "da02b1570b9ed960542c9c4921b2b711-11",
@@ -51744,12 +51756,12 @@
       "updating-proxysql-version-overview",
       "updating-redis-version-overview",
       "upgrading-kubedb",
-      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode1621s7hbhb",
-      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode2356s7hbhb",
-      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode824s7hbhb",
-      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode1621s0hbhb",
-      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode2356s0hbhb",
-      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode824s0hbhb",
+      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode3600s7hbhb",
+      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode4174s7hbhb",
+      "upgrading-kubedb-from-v20210126v016x-and-older-to-hahahugoshortcode4749s7hbhb",
+      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode3600s0hbhb",
+      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode4174s0hbhb",
+      "upgrading-kubedb-from-v2021xxxx-to-hahahugoshortcode4749s0hbhb",
       "use-custom-configuration",
       "use-db-related-images-from-private-registry",
       "user-guide",
@@ -53692,4 +53704,4 @@
       "zookeeperversion-specification"
     ]
   }
-}
+}
diff --git a/static/assets/sass/components/_navbar.scss b/static/assets/sass/components/_navbar.scss
@@ -24,9 +24,20 @@
   border-bottom: 1px solid $color-border;
 
   &.navbar-product {
-    background-color: $primary-light-gray;
     will-change: transform;
     transition: transform 200ms linear;
+    .navbar-appscode:not(.documentation-menu) {
+      background-color: $primary-light-gray;
+    }
+    .documentation-menu {
+      margin-left: 319px;
+      border-left: 1px solid $color-border;
+
+      @media screen and (max-width: 1440px) {
+        margin-left: 0;
+        border-left: none;
+      }
+    }
 
     .mega-menu-wrapper {
       top: 57px;
@@ -94,7 +105,7 @@
               position: absolute;
               content: "";
               left: 0;
-              bottom: -8px;
+              bottom: -9px;
               width: 100%;
               height: 4px;
               background: $ac-primary;

diff --git a/static/assets/sass/layouts/_content.scss b/static/assets/sass/layouts/_content.scss
@@ -61,7 +61,6 @@
 
     .content-body {
       overflow: hidden;
-      min-height: calc(100vh - 250px);
       margin-bottom: 32px;
 
       div[class*="language-"] {

diff --git a/static/assets/sass/main.css b/static/assets/sass/main.css
@@ -19294,10 +19294,22 @@ video {
   border-bottom: 1px solid hsl(var(--secondary-h), 10%, 90%);
 }
 .navbar-appscode-wrapper.navbar-product {
-  background-color: hsl(var(--primary-h), 10%, 96%);
   will-change: transform;
   transition: transform 200ms linear;
 }
+.navbar-appscode-wrapper.navbar-product .navbar-appscode:not(.documentation-menu) {
+  background-color: hsl(var(--primary-h), 10%, 96%);
+}
+.navbar-appscode-wrapper.navbar-product .documentation-menu {
+  margin-left: 319px;
+  border-left: 1px solid hsl(var(--secondary-h), 10%, 90%);
+}
+@media screen and (max-width: 1440px) {
+  .navbar-appscode-wrapper.navbar-product .documentation-menu {
+    margin-left: 0;
+    border-left: none;
+  }
+}
 .navbar-appscode-wrapper.navbar-product .mega-menu-wrapper {
   top: 57px;
 }
@@ -19343,7 +19355,7 @@ video {
   position: absolute;
   content: "";
   left: 0;
-  bottom: -8px;
+  bottom: -9px;
   width: 100%;
   height: 4px;
   background: var(--ac-primary);
@@ -23548,7 +23560,6 @@ ul.social-share-button li a i.fa {
 }
 .content .content-body {
   overflow: hidden;
-  min-height: calc(100vh - 250px);
   margin-bottom: 32px;
 }
 .content .content-body div[class*=language-] {
@@ -23865,7 +23876,7 @@ code:not(pre code) {
   border-right: 1px solid hsl(var(--secondary-h), 10%, 90%);
   z-index: 1;
   width: var(--sidebar-width);
-  padding-top: 1rem;
+  padding-top: 8px;
   /* ===== Scrollbar CSS ===== */
   /* Firefox */
   /* Chrome, Edge, and Safari */
@@ -25005,4 +25016,4 @@ body:has(.headroom--unpinned) .features-cta-area .features-plan-cta-wrapper {
   .features-cta-area .features-plan-area {
     min-width: 1344px;
   }
-}/*# sourceMappingURL=main.css.map */
+}
diff --git a/static/assets/sass/pages/_documentation.scss b/static/assets/sass/pages/_documentation.scss
@@ -41,10 +41,10 @@
 
   .left-sidebar-wrapper {
     border-right: 1px solid $color-border;
-    // background-color: #fafafd;
+    // background-color: $primary-light-gray;
     z-index: 1;
     width: var(--sidebar-width);
-    padding-top: 1rem;
+    padding-top: 8px;
 
     /* ===== Scrollbar CSS ===== */
     /* Firefox */