diff --git a/assets/css/f5-hugo.css b/assets/css/f5-hugo.css index c2a2c5b..5268e87 100644 --- 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 index ef18a65..dfa1278 100644 --- 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");