Edit Site: prevent inserter overscroll (#26432)

Prevent inserter overscroll in edit-site. Fixes #26428
WordPress · Oct 28, 2020 · 7778a36 · 7778a36
1 parent 739fe06
commit 7778a36
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
@@ -61,6 +61,11 @@ html.interface-interface-skeleton__html-container {
  // it is added, it should take care of the issue.
  // See also: https://drafts.csswg.org/css-overscroll/
  overscroll-behavior-y: none;
+
+ // Footer overlap prevention
+ @include break-medium() {
+ padding-bottom: $button-size-small + $border-width;
+ }
 }
 
 .interface-interface-skeleton__content {
@@ -110,6 +115,7 @@ html.interface-interface-skeleton__html-container {
 .interface-interface-skeleton__left-sidebar {
  @include break-medium() {
  border-right: $border-width solid $gray-200;
+ overflow: hidden; // prevent overscroll
  }
 }