From e670e7815e14e625c15faf924616410892818b35 Mon Sep 17 00:00:00 2001 From: Jorge Date: Thu, 16 Apr 2020 19:51:35 +0100 Subject: [PATCH] Fix: Visual issue on windows with 782px --- packages/base-styles/_mixins.scss | 8 ++++---- .../src/components/interface-skeleton/style.scss | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss index 2e1b4d957e013..b2902274839e2 100644 --- 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 index 39b7b85493f20..67f9c1440850b 100644 --- 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 & {