css: Add scrollbar-gutter property to prevent shifted content
ci/woodpecker/push/woodpecker Pipeline was successful
Details
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:
parent
b5ec56d9d4
commit
1d3f71bcc4
|
@ -1,3 +1,7 @@
|
||||||
|
html {
|
||||||
|
scrollbar-gutter: stable;
|
||||||
|
}
|
||||||
|
|
||||||
.book-page {
|
.book-page {
|
||||||
box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
Loading…
Reference in New Issue