Fix: Visual issue on windows with 782px (#21661)

WordPress · Apr 21, 2020 · 0f1f5e7 · 0f1f5e7
1 parent e3e6b2d
commit 0f1f5e7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
@@ -151,13 +151,13 @@
 	#{$selector} { /* Set left position when auto-fold is not on the body element. */
 		left: 0;
 
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width;
 		}
 	}
 
 	.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width-collapsed;
 		}
 
@@ -170,13 +170,13 @@
 	.folded #{$selector} {
 		left: 0;
 
-		@include break-medium() {
+		@media (min-width: #{ ($break-medium + 1) }) {
 			left: $admin-sidebar-width-collapsed;
 		}
 	}
 
 	/* Mobile menu opened. */
-	@media (max-width: #{ ($break-medium) }) {
+	@media (max-width: #{ ($break-medium + 1) }) {
 		.auto-fold .wp-responsive-open #{$selector} {
 			left: $admin-sidebar-width-big;
 		}

diff --git a/packages/interface/src/components/interface-skeleton/style.scss b/packages/interface/src/components/interface-skeleton/style.scss
@@ -24,7 +24,7 @@ html.interface-interface-skeleton__html-container {
 	bottom: 0;
 
 	// Adjust to admin-bar going small.
-	@include break-medium() {
+	@media (min-width: #{ ($break-medium + 1) }) {
 		top: $admin-bar-height;
 
 		.is-fullscreen-mode & {