Skip to content

Commit 4899e95

Browse files
committed
fix: added fix to weird seam when scrollbar always is set in mac settings
1 parent 00f243a commit 4899e95

File tree

2 files changed

+14
-0
lines changed

2 files changed

+14
-0
lines changed

assets/css/f5-hugo.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1129,6 +1129,18 @@ main a:hover {
11291129
width: 50%;
11301130
}
11311131

1132+
.hide-sidebar-border {
1133+
scrollbar-width: none; /* Firefox */
1134+
}
1135+
1136+
.hide-sidebar-border::-webkit-scrollbar {
1137+
width: 0px; /* Chrome, Safari */
1138+
}
1139+
1140+
.sidebar-toggle-collapsed::-webkit-scrollbar {
1141+
width: 0px; /* Chrome, Safari */
1142+
}
1143+
11321144
.sidebar-content-collapsed-width {
11331145
max-width: 100% !important;
11341146
}

assets/js/sidebar.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ function handleInitialCollapse() {
1717
"aria-expanded": "true",
1818
title: "Hide sidebar navigation",
1919
});
20+
$("#sidebar-wrapper").addClass("hide-sidebar-border");
2021
}
2122
}
2223

@@ -40,6 +41,7 @@ function handleSetCollapse() {
4041
"aria-expanded": "true",
4142
title: "Hide sidebar navigation",
4243
});
44+
$("#sidebar-wrapper").addClass("hide-sidebar-border");
4345
$("#sidebar-wrapper").removeClass("sidebar-toggle-collapsed");
4446
$(".sidenav").delay(500).removeClass("sidebar-col-collapsed-width");
4547
$(".content").removeClass("sidebar-content-collapsed-width");

0 commit comments

Comments
 (0)