fix: added fix to weird seam when scrollbar always is set in mac sett…

…ings
nginxinc · Feb 7, 2024 · 4899e95 · 4899e95
1 parent 00f243a
commit 4899e95
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/assets/css/f5-hugo.css b/assets/css/f5-hugo.css
@@ -1129,6 +1129,18 @@ main a:hover {
   width: 50%;
 }
 
+.hide-sidebar-border {
+  scrollbar-width: none; /* Firefox */
+}
+
+.hide-sidebar-border::-webkit-scrollbar {
+  width: 0px; /* Chrome, Safari */
+}
+
+.sidebar-toggle-collapsed::-webkit-scrollbar {
+  width: 0px; /* Chrome, Safari */
+}
+
 .sidebar-content-collapsed-width {
   max-width: 100% !important;
 }

diff --git a/assets/js/sidebar.js b/assets/js/sidebar.js
@@ -17,6 +17,7 @@ function handleInitialCollapse() {
       "aria-expanded": "true",
       title: "Hide sidebar navigation",
     });
+    $("#sidebar-wrapper").addClass("hide-sidebar-border");
   }
 }
 
@@ -40,6 +41,7 @@ function handleSetCollapse() {
       "aria-expanded": "true",
       title: "Hide sidebar navigation",
     });
+    $("#sidebar-wrapper").addClass("hide-sidebar-border");
     $("#sidebar-wrapper").removeClass("sidebar-toggle-collapsed");
     $(".sidenav").delay(500).removeClass("sidebar-col-collapsed-width");
     $(".content").removeClass("sidebar-content-collapsed-width");