From 0ff9e439b8aa36cb58aea9dccf52dc5770d5bb62 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 8 Jun 2021 17:29:42 +0300 Subject: [PATCH] set min-height for contextMenu to prevent overflow in some scenarios --- chrome/vertical_context_navigation.css | 23 ++++++++++++++--------- chrome/vertical_context_navigation_v2.css | 1 + 2 files changed, 15 insertions(+), 9 deletions(-) diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index cd599b3..dd85e37 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -4,18 +4,17 @@ See the above repository for updates as well as full license text. */ /* This very likely only works properly on Windows10 */ /* If this won't work correctly can try the v2 file */ -#contentAreaContextMenu{ --uc-popup-display: grid; --uc-pseudo-elem: "" } +#contentAreaContextMenu{ + --uc-popup-display: grid; + --uc-pseudo-elem: ""; + min-height: 162px; +} scrollbox[orient="vertical"]{ display: var(--uc-popup-display,inherit); grid-template-columns: 38px 1fr; - grid-template-rows: 0 + grid-template-rows: 0; } -#contentAreaContextMenu::after{ - display: -moz-box; - content: ""; - -moz-box-ordinal-group: 0; -} scrollbox[orient="vertical"]::before{ content: var(--uc-pseudo-elem,none); grid-area: auto / 2 / auto / 2; @@ -23,9 +22,15 @@ scrollbox[orient="vertical"]::before{ #contentAreaContextMenu menu{ --uc-popup-display: } /* intentionally blank */ -#context-navigation{ -moz-box-orient: vertical; flex-direction: column !important; grid-area: 1 / 1 / auto / 1; min-width: unset !important; } +#context-navigation{ + -moz-box-orient: vertical; + flex-direction: column !important; + grid-area: 1 / 1 / auto / 1; + min-width: unset !important; + +} #context-navigation > menuitem{ min-height: 38px; width: unset !important; } #context-navigation > menuitem > .menu-iconic-left{ margin: 0 !important; padding: 0 !important; } #context-sep-navigation{ display: none } #context-navigation ~ * { grid-area: auto / 2 / auto / 2; } -#context-navigation[hidden] ~ *{ margin-inline-start: -38px; } +#context-navigation[hidden] ~ *{ margin-inline-start: -38px; } \ No newline at end of file diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css index 79a76b0..30bea92 100644 --- a/chrome/vertical_context_navigation_v2.css +++ b/chrome/vertical_context_navigation_v2.css @@ -4,6 +4,7 @@ See the above repository for updates as well as full license text. */ /* This very likely only works properly on Windows10 */ /* This v2 uses transform instead of grid display which might or might not work better */ +#contentAreaContextMenu{ min-height: 162px } #context-navigation > menuitem{ max-width: 40px} #context-forward{ transform: translate(-40px, 40px) }