From a6f20ac040cb3dd409c9e6cc8f59d93d2535855e Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Thu, 1 Apr 2021 15:35:05 +0300
Subject: [PATCH] update vertical_context_navigation (grid version)

---
 chrome/vertical_context_navigation.css | 30 +++++++++++++++++---------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css
index 3c35b0e..9047090 100644
--- a/chrome/vertical_context_navigation.css
+++ b/chrome/vertical_context_navigation.css
@@ -1,21 +1,31 @@
 /* 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 > .popup-internal-box > .arrowscrollbox-scrollbox{
-display: grid;
-/* 30px will be basically the width of the navigation buttons */
-grid-template-columns: 30px 1fr; 
-grid-template-rows: 0px
+#contentAreaContextMenu{ --uc-popup-display: grid; --uc-pseudo-elem: "" }
+scrollbox[orient="vertical"]{
+  display: var(--uc-popup-display,inherit);
+  grid-template-columns: 38px 1fr; 
+  grid-template-rows: 0
 }
-#contentAreaContextMenu > .popup-internal-box > .arrowscrollbox-scrollbox::before{
+
+#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;
 }
-#context-navigation{-moz-box-orient: vertical; grid-area: 1 / 1 / auto / 1 }
+
+#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 > 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 ~ * { margin-inline-start: -1.45em !important; }
-#context-navigation ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }
\ No newline at end of file
+#context-navigation[hidden] ~ *{ margin-inline-start: -38px; }
+