From 8544d8f561f6cd630973da041f36e46500fe95b7 Mon Sep 17 00:00:00 2001 From: Kim <1877318+kimsible@users.noreply.github.com> Date: Mon, 11 May 2020 11:12:58 +0200 Subject: Fix regression my-account menu overflow-x on screen width < 800px (#2707) * Fix: correct my-account menu overflow-x on touchscreens * Add menuLeftDisplayed support for account-sub-menu * Handle menu in screen service + clean top-menu-dropdown * Add comment on menuWidth menu service to allow backtracking Co-authored-by: Rigel Kent Co-authored-by: kimsible Co-authored-by: Rigel Kent --- client/src/sass/application.scss | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'client/src/sass') diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index bbecd8ba8..d637c94d9 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -320,6 +320,7 @@ table { padding-left: 15px; padding-right: 15px; margin-bottom: $sub-menu-margin-bottom-small-view; + overflow-x: auto; } .admin-sub-header { @@ -388,6 +389,11 @@ table { .admin-sub-header { @include admin-sub-header-responsive($expanded-horizontal-margins/3 + $menu-width/2); } + + .sub-menu { + overflow-x: auto; + width: calc(100vw - #{$menu-width}); + } } } } -- cgit v1.2.3