elf
/
elf-notes
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

The scrollbars are now working. I don't know why. 

No, that's not entirely true.  I know why they're working.  What I
don't understand is what's different about this layout from the
previous one, other than the additional context wrapper outside the
overflow context, which doesn't make any sense to me; nothing I've
read suggests that's how that works.
This commit is contained in:
Elf M. Sternberg 2022-06-13 17:12:16 -07:00
parent bfb15b0f19
commit 3a499aa5dd
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sass/index.scss
View File

@ -67,7 +67,8 @@ body {
flex-wrap: nowrap; flex-wrap: nowrap;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding-top: calc(0.5 * var(--space-3xs)); padding-top: 0;
max-height: var(--header-size);
padding-bottom: calc(0.5 * var(--space-3xs)); padding-bottom: calc(0.5 * var(--space-3xs));
background-color: var(--background-color); background-color: var(--background-color);
opacity: 0.95; opacity: 0.95;
@ -153,21 +154,21 @@ body {
@mixin toc-sticky { @mixin toc-sticky {
max-width: 100%; max-width: 100%;
top: var(--header-size);
height: calc(100vh - var(--header-size)); height: calc(100vh - var(--header-size));
position: sticky; position: sticky;
z-index: 900; z-index: 900;
overflow-y: scroll;
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #fff #fff; scrollbar-color: #fff #fff;
&:hover { &:hover {
scrollbar-color: #e9ecef #fff; scrollbar-color: var(--border-color) #fff;
} }
.scrollable-sidebar { .scrollable-sidebar {
scrollbar-width: thin;
display: block; display: block;
width: auto; width: auto;
overflow-y: auto;
padding-bottom: 4rem; padding-bottom: 4rem;
ul { ul {