freifunk-franken
/
docs
4
0
Fork 4
Code Issues 14 Pull Requests 6 Releases Activity

css: Add scrollbar-gutter property to prevent shifted content
ci/woodpecker/push/woodpecker Pipeline was successful Details 

Some pages require a scroll bar, some do not. If the scroll bar is
hidden on a page that do not require it (default behavior of most
browsers), centered content is shifted to the right slightly.

Fix this behavior by using the scrollbar-gutter property, so the
renderer automatically reserves space for the scrollbar.
This commit is contained in:
Fabian Bläse 2023-02-21 00:03:39 +01:00 committed by Gitea
parent b5ec56d9d4
commit 1d3f71bcc4
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/_custom.scss
View File

@ -1,3 +1,7 @@
html {
scrollbar-gutter: stable;
}
.book-page {
box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
min-height: 100vh;