diff options
Diffstat (limited to 'bskyweb/templates/base.html')
| -rw-r--r-- | bskyweb/templates/base.html | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/bskyweb/templates/base.html b/bskyweb/templates/base.html index 4c02805e3..8eb78fffd 100644 --- a/bskyweb/templates/base.html +++ b/bskyweb/templates/base.html @@ -40,7 +40,6 @@ } html { background-color: white; - scrollbar-gutter: stable both-edges; } @media (prefers-color-scheme: dark) { html { @@ -76,9 +75,15 @@ top: 50%; transform: translateX(-50%) translateY(-50%) translateY(-50px); } - /* We need this style to prevent web dropdowns from shifting the display when opening */ + /** + * We need these styles to prevent shifting due to scrollbar show/hide on + * OSs that have them enabled by default. This also handles cases where the + * screen wouldn't otherwise scroll, and therefore hide the scrollbar and + * shift the content, by forcing the page to show a scrollbar. + */ body { width: 100%; + overflow-y: scroll; } </style> |