pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make nav-bar and toolbar-menubar use display:flex

Browse source
This commit is contained in:
MrOtherGuy 2020-03-24 05:22:25 +02:00
parent 5f0cffe6c1
commit 865a304afd
1 changed files with 3 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
chrome/multi-row_tabs_below_content_Fx66+.css
View file

@ -27,7 +27,7 @@
#nav-bar{ #nav-bar{
position: fixed !important; position: fixed !important;
display: block; display: flex;
margin-left: 30px; margin-left: 30px;
width: calc(100vw - 30px); width: calc(100vw - 30px);
top: var(--multirow-top-padding); top: var(--multirow-top-padding);
@ -44,14 +44,6 @@
/* Fix incorrect vertical alignment with megabar */ /* Fix incorrect vertical alignment with megabar */
#urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; } #urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; }
#nav-bar-overflow-button {
max-height: 31px !important;
transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px))
}
#PanelUI-button{ display: block; float: right; }
#nav-bar > toolbartabstop{ float: left; display: block }
#customization-container, #customization-container,
:root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #content-deck,
:root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))}
@ -66,12 +58,13 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px))
#toolbar-menubar{ #toolbar-menubar{
height: var(--multirow-toolbar-height); height: var(--multirow-toolbar-height);
position: fixed; position: fixed;
display: block; display: flex;
top: var(--multirow-top-padding); top: var(--multirow-top-padding);
width: 100vw; width: 100vw;
color: var(--lwt-text-color); color: var(--lwt-text-color);
background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat;
} }
#menubar-items + spacer{ flex-grow: 1 }
#toolbar-menubar > #menubar-items{ #toolbar-menubar > #menubar-items{
-moz-box-pack: center; -moz-box-pack: center;
@ -92,7 +85,6 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px))
#toolbar-menubar > toolbarspring { #toolbar-menubar > toolbarspring {
background: url(chrome://browser/skin/settings.svg) no-repeat 10px; background: url(chrome://browser/skin/settings.svg) no-repeat 10px;
height: 100%; height: 100%;
float: left;
display: block; display: block;
fill: currentColor; fill: currentColor;
-moz-context-properties: fill; -moz-context-properties: fill;