From 512feab222932875a334cc618464810d05082ed9 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 9230fa8ba..3f3fe51d3 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; }