diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index 4608d8a..ac31423 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -1,4 +1,5 @@ /* 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; diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css new file mode 100644 index 0000000..d112cae --- /dev/null +++ b/chrome/vertical_context_navigation_v2.css @@ -0,0 +1,9 @@ +/* This very likely only works properly on Windows10 */ +/* This v2 uses transform instead of grid display which might or might not work better */ + +#context-navigation > menuitem{ transform: rotateZ(-90deg); max-width: 40px} +#context-navigation{ transform: rotateZ(90deg); transform-origin: 20px 20px; background-color: transparent !important } +#context-navigation:not([hidden])~*{ margin-left: 20px; } +#context-sep-navigation{ display: none } +#context-navigation{ margin-bottom: -34px; clip-path: polygon(0px 0px, 160px 0px, 160px 100%, 0px 100%)} +#context-navigation ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file