create multi-row_main_toolbar.css
parent
cd77c41af7
commit
5d5370fab3
@ -0,0 +1,38 @@
|
||||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_main_toolbar.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/**
|
||||
* Makes items in the main toolbar show on two (or three) lines.
|
||||
* Anything before urlbar in the customization order is shown at first line.
|
||||
* Urlbar is shown on second line, or first if no items are before it.
|
||||
* Anything after urlbar on the third line.
|
||||
*
|
||||
* Unfortunately items that don't fit in a row are not pushed to overflow menu. Instead,
|
||||
* they become invisible. Luckily that probably is less of a problem when using this style.
|
||||
*/
|
||||
|
||||
:root{
|
||||
--uc-multirow-toolbar-height: 40px;
|
||||
}
|
||||
:root[uidensity="compact"]{
|
||||
--uc-multirow-toolbar-height: 34px;
|
||||
}
|
||||
:root[uidensity="touch"]{
|
||||
--uc-multirow-toolbar-height: 44px;
|
||||
}
|
||||
#nav-bar-customization-target{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#urlbar{
|
||||
--urlbar-toolbar-height: var(--uc-multirow-toolbar-height) !important;
|
||||
}
|
||||
|
||||
#nav-bar-customization-target > [flex]{ flex-grow: 2 }
|
||||
#nav-bar-customization-target > toolbarspring{ flex-grow: 1 }
|
||||
|
||||
#urlbar-container{
|
||||
width: calc(100% - 20px);
|
||||
margin-inline: 40px !important; /* Empty space on both sides of urlbar */
|
||||
}
|
|
Loading…
Reference in New Issue