From 1428068f4786d842977f4c8209d13ddd142817bb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 19:23:44 +0300 Subject: [PATCH] use flexbox for menubar items --- chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index 2a316da..94afa36 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -4,9 +4,10 @@ :root{ --uc-window-control-width: 0px !important } #navigator-toolbox{ margin-top: 29px } + #toolbar-menubar{ position: fixed; - display: block; + display: flex; top: var(--uc-titlebar-padding,0px); height: 29px; margin-top:1px; @@ -14,9 +15,11 @@ overflow: hidden; } -#toolbar-menubar .titlebar-buttonbox-container{ height: 29px; } +#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; } + +#toolbar-menubar > [flex]{ flex-grow: 100; } +#toolbar-menubar > spacer[flex]{ order: 99; flex-grow: 1; } + #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } -/* This will allow you to MAYBE put some items to the menubar */ -#toolbar-menubar > *{ float: left } -#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } +#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } \ No newline at end of file