From f6fcacc15e46cf00ed07b987c2c6e62fb1612e7f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 May 2019 19:27:49 +0300 Subject: [PATCH] new file --- chrome/vertical_menubar.css | 46 +++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 chrome/vertical_menubar.css diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css new file mode 100644 index 0000000..9595e86 --- /dev/null +++ b/chrome/vertical_menubar.css @@ -0,0 +1,46 @@ +/* Makes menubar appear vertically on the right side of the window */ + +/* The first element in the menubar is used to "toggle" the file-menu & friends */ +/* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */ + + +#titlebar{ + position: fixed; + right: 0px; + height: 100vh; + width: 30px; +} +#navigator-toolbox{ margin-top: var(--tab-min-height) } + +#TabsToolbar{ + position: fixed; + top: 0px; + left: 0px; + width: 100vw; + padding-left: 30px !important; +} + +#TabsToolbar > .toolbar-items{ max-width: calc(100vw - 138px) } +#TabsToolbar > .titlebar-buttonbox-container{ + display: block !important; + float: right !important; +} + +#toolbar-menubar{ + margin-top: 40px; + width: 30px; + -moz-box-orient: vertical; +} + +#toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; } + +#toolbar-menubar > #menubar-items{ visibility: collapse } +#toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible } + +#main-menubar{ + -moz-box-orient: vertical; + margin-left: -60px; + background-color: var(--lwt-accent-color) +} + +:root:not([inDOMFullscreen]) > #content-deck{ margin-right: 30px }