LBRYCommunity/spec
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity

fix overlay scrollbars covering one-line scrolled code blocks. fixes #5.

Browse source
This commit is contained in:
Alex Grintsvayg 2019-01-24 16:08:31 -05:00
parent 03dcfd05b6
commit 94c1124bd0
No known key found for this signature in database
GPG key ID: AEB3F089F86A22B5
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
_layouts/spec.html
View file

@ -79,6 +79,12 @@
toggleClass(document.querySelector('.toc'), "open");
});
document.querySelectorAll('pre').forEach((e) => {
if (e.scrollWidth > e.clientWidth /* && e.clientHeight < 30*/) {
toggleClass(e, "has-scroll");
}
});
// need this part to fix toc offset height if content above toc changes height
var resizeTimer;

9
assets/style.css
View file

@ -210,4 +210,11 @@ dt {
}
dd + dt {
margin-top: 10px;
}
}
/* add padding to compensate for overlay scrollbars on mac.*/
/* overlay scrollbars on one-line-high code blocks hide the code */
/* ideally id only target mac but idk how */
.has-scroll {
padding-bottom: 13px;
}