Advertisement
ImJustAChillGuy

menu show

Nov 29th, 2024
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.42 KB | None | 0 0
  1. /*------------------------------ Vertical popop menubar --------------------------- */
  2. #toolbar-menubar{
  3. --uc-menubaritem-height: 28px;
  4. --uc-menubaritem-width: 40px;
  5. }
  6.  
  7. menubar > menu{visibility: collapse; transition: visibility 0ms linear 0.1s}
  8. menubar:hover > menu,
  9. #toolbar-menubar[autohide="true"]:not([inactive]) > #menubar-items > menubar > menu{visibility: visible}
  10.  
  11. #menubar-items{
  12. display: block;
  13. position: fixed;
  14. z-index: 10;
  15. background-color: transparent;
  16. inset-inline-start: 0;
  17. }
  18. menubar{ -moz-box-orient: horizontal; }
  19. menubar > menu { padding: 3px }
  20.  
  21. menubar > menu > menupopup{ margin: calc(0px - var(--uc-menubaritem-height)) 0 0 var(--uc-menubaritem-width) }
  22. #toolbar-menubar[autohide="true"][inactive] > #menubar-items{ max-height: 0px; overflow: -moz-hidden-unscrollable }
  23.  
  24.  
  25. #toolbar-menubar[autohide="true"]:not([inactive]){ margin-bottom: -32px }
  26.  
  27. #toolbar-menubar > .titlebar-buttonbox-container + :is(toolbarbutton,toolbaritem){ margin-inline-start: var(--uc-menubaritem-width) }
  28.  
  29. #file-menu{
  30. fill: currentColor;
  31. visibility: visible;
  32. height: var(--uc-menubaritem-height);
  33. width: var(--uc-menubaritem-width);
  34. -moz-context-properties: fill;
  35. padding: 3px !important;
  36. background-repeat: no-repeat;
  37. background-position: center;
  38. }
  39.  
  40. #file-menu > .menubar-text{ visibility: collapse }
  41. menubar:hover > #file-menu > .menubar-text{ visibility: visible }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement