From 0ae3f9b6fcc0cf71bd7092ffb0f90ff6a61d2d84 Mon Sep 17 00:00:00 2001 From: Joen Asmussen Date: Fri, 18 Jan 2019 16:58:41 +0100 Subject: [PATCH] Improve scrolling in fullscreen mode, notably for Edge (#13327) In https://github.com/WordPress/gutenberg/pull/12644, we changed the behavior of scrolling for the main content area slightly, to address issues with scrolling on small screens. As part of that, there was one small issue that made it slightly harder to scroll this main content area, only when in fullscreen mode in Microsoft Edge. This PR fixes that. Another side effect of that prior PR was that it unset some of the scrolling rules that prevented CSS bleed (when you scroll to the end of the Block Library and proceed to scroll the body content). This PR restores that. --- packages/edit-post/src/components/layout/style.scss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss index 7e31582af07bd7..3aa896af7b377b 100644 --- a/packages/edit-post/src/components/layout/style.scss +++ b/packages/edit-post/src/components/layout/style.scss @@ -114,11 +114,10 @@ margin-left: $admin-sidebar-width-collapsed; } - // Undo the above rules for fullscreen mode. + // Provide special rules for fullscreen mode. body.is-fullscreen-mode & { margin-left: 0 !important; - position: relative; - top: inherit; + top: $header-height; } }