From cdd66b43cc7878deaaa2624dc3afef2e3e62d51d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 2 Apr 2021 16:20:24 +0300 Subject: [PATCH] Apply few extra rules to make context-navigation items work with display:flex --- chrome/textual_context_navigation.css | 8 +++++--- chrome/vertical_context_navigation.css | 6 +++--- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/chrome/textual_context_navigation.css b/chrome/textual_context_navigation.css index 1a8719e..222b30d 100644 --- a/chrome/textual_context_navigation.css +++ b/chrome/textual_context_navigation.css @@ -3,11 +3,13 @@ See the above repository for updates as well as full license text. */ /* Makes constext navigation buttons appears as normal textual menuitems */ -#context-navigation{ -moz-box-orient: vertical } +#context-navigation{ -moz-box-orient: vertical; flex-direction: column !important; } #context-navigation > menuitem > .menu-iconic-left{ display: none } #context-navigation > menuitem{ - padding-block: 0.5em; + padding-block: 0.3em; padding-inline-start: 1em; - -moz-box-pack: start !important + -moz-box-pack: start !important; + width: auto !important; } +#context-navigation > menuitem[_moz-menuactive="true"]:not([disabled]){ background-color: var(--menuitem-hover-background-color) !important; } #context-navigation > menuitem::before{ content: attr(aria-label) } \ No newline at end of file diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index 9047090..cd599b3 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -1,6 +1,7 @@ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_context_navigation.css made available under Mozilla Public License v. 2.0 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: "" } @@ -22,10 +23,9 @@ scrollbox[orient="vertical"]::before{ #contentAreaContextMenu menu{ --uc-popup-display: } /* intentionally blank */ -#context-navigation{ -moz-box-orient: vertical; grid-area: 1 / 1 / auto / 1 } -#context-navigation > menuitem{ min-height: 38px } +#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; } -