Skip to content

Commit

Permalink
Allow the “On this page” table of contents to scroll
Browse files Browse the repository at this point in the history
I think the reason `overflow-y: scroll` was applied was to hide the scrollbar (otherwise you end up with the page scrollbar _and_ the TOC scrollbar appearing).

This allows scrolling and hides the scrollbar with `scrollbar-width` in most browsers and `::-webkit-scrollbar` in Safari.

Closes https://bitovi.atlassian.net/browse/LD-199
  • Loading branch information
chasenlehara committed Aug 13, 2024
1 parent 04194d3 commit 0ddc84b
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion static/styles/styles.less
Original file line number Diff line number Diff line change
Expand Up @@ -619,7 +619,13 @@ hr:first-of-type {
.content-nav .list-items {
flex-grow: 1;
flex-shrink: 1;
overflow: hidden;
overflow-x: hidden;

/* Hide the scrollbar */
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.sidebar-right .pullout {
border-bottom: 1px solid #eee;
Expand Down

0 comments on commit 0ddc84b

Please sign in to comment.