Skip to content

Commit ec8c9df

Browse files
authored
feat: Make navbars sticky (#19)
The navbars on https://triage-party.shakalab.rocks/ should stick when scrolling down through many issues. This adds a little more custom CSS for that.
1 parent 86cb65e commit ec8c9df

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

patches/custom.css

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,21 @@ h4.subtitle::after {
5050
content: "\a";
5151
}
5252

53+
/* All navbar elements */
5354
.navbar {
5455
background-color: #fafafa;
5556
font-weight: bold;
57+
58+
/* Make navbars sticky at the top of the page when scrolling down. */
59+
position: sticky;
60+
top: 0;
61+
z-index: 100;
62+
}
63+
64+
.navbar.secondary {
65+
/* The secondary navbar is still sticky, but at a different position.
66+
* This matches the primary navbar height. */
67+
top: 3.25rem;
5668
}
5769

5870
.navbar,

0 commit comments

Comments
 (0)