Adjust CSS to prevent layout shifts due to the scrollbar

gbv · Jan 27, 2023 · fcb5633 · fcb5633
1 parent bd9d7ca
commit fcb5633
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -190,6 +190,9 @@ export default {
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
+:root {
+  scrollbar-gutter: stable both-edges;
+}
 /* Use desktop style for header always (since there's only one menu item) */
 .header ul, .menu-icon {
   margin-top: 10px;