update vertical_context_navigation (grid version)
This commit is contained in:
parent
461224d438
commit
a6f20ac040
1 changed files with 20 additions and 10 deletions
|
@ -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%) }
|
||||
#context-navigation[hidden] ~ *{ margin-inline-start: -38px; }
|
||||
|
||||
|
|
Loading…
Reference in a new issue