Skip to content

Commit

Permalink
Toc component: style improvements
Browse files Browse the repository at this point in the history
Improve the styles for the newly added Toc component, which adds a sticky table
of contents:

- Restore a background color for the table.

- With that background color, the table shouldn't take up the entire width of
the page, so remove the 100% width.

- Specify `z-index: 1;` for the wrapping div so that reference tooltips from
the Cite extension are not shown through the table of contents.

WE-279
  • Loading branch information
DanielWTQ authored and malberts committed Jul 29, 2024
1 parent 2093c74 commit 44d0d33
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions resources/styles/Components/Toc.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
.chameleon-toc-wrapper {
position: sticky;
top: 0;
z-index: 1;

max-height: 100vh;
overflow: auto;
Expand All @@ -35,9 +36,7 @@

.toc {
border: unset;
background-color: unset;
font-size: unset;
width: 100%;

ul {
flex-direction: column;
Expand Down

0 comments on commit 44d0d33

Please sign in to comment.