Merge branch 'ui-bug-fixes' of https://github.com/couchbase/docs-ui-sandbox into ui-bug-fixes

Author: rakeshAlgo

src/css/nav.css

@@ -6,8 +6,6 @@
   line-height: 24px;
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;
-  height: 100%;
-  z-index: var(--z-index-nav);
 }
 
 .nav-menu::-webkit-scrollbar {
@@ -432,109 +430,8 @@ html.is-clipped--nav {
 
  */
 
- a.menu-expand-toggle {
-  display: inline-block;
-  position: absolute;
-  top: 15px;
-  right: -1rem;
-  z-index: 99;
-  font-size: 24px;
-  color: var(--color-brand-blue-secondary);
-  background-color: var(--color-brand-gray7);
-  border-radius: 50%;
-}
-
-/* Responsive CSS */
-
-@media screen and (min-width: 993px) {
-  .nav.collapse-menu {
-    width: 0rem;
-  }
-
-  .nav.collapse-menu .frame-body .title,
-  .nav.collapse-menu .version-control-box,
-  .nav.collapse-menu .nav-menu {
-    font-size: 0;
-    display: none;
-  }
-
-  .nav.collapse-menu .left-sidebar-menu {
-    border: 0;
-    background-color: transparent;
-  }
-
-  .nav.collapse-menu a.menu-expand-toggle {
-    transform: rotate(180deg);
-    right: -1.35rem;
-    opacity: 1;
-    color: var(--color-brand-blue-secondary);
-  }
-
-  a.menu-expand-toggle {
-    opacity: 0;
-  }
-
-  .nav:hover a.menu-expand-toggle {
-    opacity: 1;
-  }
-
-  .left-sidebar-menu {
-    top: var(--height-to-body);
-    margin-bottom: 1.5rem;
-    /* height: var(--height-nav); */
-    border-left: 2px solid #eee;
-    border-right: 2px solid #eee;
-  }
+@media screen and (min-width: 769px) {
   .nav-control {
     display: none;
   }
 }
-
-@media screen and (max-width: 992px) {
-  .left-sidebar-menu {
-   left: 0;
-   z-index: 9;
-   transform: translate(-100%, 0);
-  }
-
-  .nav.collapse-menu a.menu-expand-toggle {
-    transform: rotate(0deg);
-    right: -1rem;
-    opacity: 1;
-    color: var(--color-brand-blue-secondary);
-  }
-
-  nav.nav a.menu-expand-toggle {
-    transform: rotate(180deg);
-    right: -1.35rem;
-    opacity: 1;
-    color: var(--color-brand-blue-secondary);
-  }
-
-  .nav.collapse-menu .left-sidebar-menu {
-    transform: translate(0, 0);
-  }
-
-  .nav-menu {
-    height: calc(100vh - 8.5rem) !important;
-  }
-
-  /* .nav.collapse-menu {
-    width: 0rem;
-  }
-
-  .nav.collapse-menu .frame-body .title,
-  .nav.collapse-menu .version-control-box,
-  .nav.collapse-menu .nav-menu {
-    font-size: 0;
-    display: none;
-  }
-
-  .nav.collapse-menu .left-sidebar-menu {
-    border: 0;
-    background-color: transparent;
-  }
-
- */
-
-}