From 512feab222932875a334cc618464810d05082ed9 Mon Sep 17 00:00:00 2001 From: Nolan Lawson 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 9230fa8baf1..3f3fe51d3ef 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; }