Add margin to account for Edge disappearing scrollbar (#5522)

* Add margin to account for Edge disappearing scrollbar * Fix 16px margin for DMs and horizontal line
7 years ago · 512feab222
parent 5e111ce16d
commit 512feab222
1 changed files with 6 additions and 0 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@ -620,6 +620,12 @@
  border-bottom: 1px solid lighten($ui-base-color, 8%);
  cursor: default;

+  @supports (-ms-overflow-style: -ms-autohiding-scrollbar) {
+    // Add margin to avoid Edge auto-hiding scrollbar appearing over content.
+    // On Edge 16 this is 16px and Edge <=15 it's 12px, so aim for 16px.
+    padding-right: 26px; // 10px + 16px
+  }
+
  @keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1; }