mirror of
https://github.com/welpo/tabi.git
synced 2026-01-26 06:27:48 +01:00
✨ feat: improve ToC UX (#613)
This commit is contained in:
parent
53a871428f
commit
1476bd2384
2 changed files with 2 additions and 16 deletions
|
|
@ -87,29 +87,16 @@
|
|||
|
||||
&:checked {
|
||||
|
||||
+ .overlay,
|
||||
+ .overlay + #toc-button + .toc-content {
|
||||
+ #toc-button + .toc-content {
|
||||
display: block;
|
||||
}
|
||||
|
||||
+ .overlay + #toc-button svg {
|
||||
+ #toc-button svg {
|
||||
fill: var(--primary-color); // Show the ToC icon as toggled.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
opacity: 40%;
|
||||
z-index: 1; // Lower than the Table of Contents
|
||||
background: var(--background-color);
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue