set min-height for contextMenu to prevent overflow in some scenarios

This commit is contained in:
MrOtherGuy 2021-06-08 17:29:42 +03:00
parent 6f791f1a98
commit 0ff9e439b8
2 changed files with 15 additions and 9 deletions

View file

@ -4,18 +4,17 @@ See the above repository for updates as well as full license text. */
/* This very likely only works properly on Windows10 */ /* This very likely only works properly on Windows10 */
/* If this won't work correctly can try the v2 file */ /* 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"]{ scrollbox[orient="vertical"]{
display: var(--uc-popup-display,inherit); display: var(--uc-popup-display,inherit);
grid-template-columns: 38px 1fr; 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{ scrollbox[orient="vertical"]::before{
content: var(--uc-pseudo-elem,none); content: var(--uc-pseudo-elem,none);
grid-area: auto / 2 / auto / 2; grid-area: auto / 2 / auto / 2;
@ -23,9 +22,15 @@ scrollbox[orient="vertical"]::before{
#contentAreaContextMenu menu{ --uc-popup-display: } /* intentionally blank */ #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{ min-height: 38px; width: unset !important; }
#context-navigation > menuitem > .menu-iconic-left{ margin: 0 !important; padding: 0 !important; } #context-navigation > menuitem > .menu-iconic-left{ margin: 0 !important; padding: 0 !important; }
#context-sep-navigation{ display: none } #context-sep-navigation{ display: none }
#context-navigation ~ * { grid-area: auto / 2 / auto / 2; } #context-navigation ~ * { grid-area: auto / 2 / auto / 2; }
#context-navigation[hidden] ~ *{ margin-inline-start: -38px; } #context-navigation[hidden] ~ *{ margin-inline-start: -38px; }

View file

@ -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 very likely only works properly on Windows10 */
/* This v2 uses transform instead of grid display which might or might not work better */ /* 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-navigation > menuitem{ max-width: 40px}
#context-forward{ transform: translate(-40px, 40px) } #context-forward{ transform: translate(-40px, 40px) }