From 6c6c67b52be9e4034c31fb1d96ca9c3bfd08bf6a Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 29 Oct 2017 08:11:32 -0700
Subject: [PATCH] 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
---
 app/javascript/styles/mastodon/components.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 9230fa8baf..3f3fe51d3e 100644
--- 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; }