Add support for modern flexbox layout
Flexbox model will replace old xul box as the default display model so this patch adds support for that in a whole bunch of styles. A lot of style rules are marked as "Fx < 112 compatibility" rules and those can be removed when 112 hits release.
This commit is contained in:
parent
0db37c5d77
commit
0ff12e01fe
47 changed files with 262 additions and 137 deletions
|
@ -153,7 +153,7 @@ See the above repository for updates as well as full license text. */
|
|||
|
||||
/* OPTIONAL - uncomment the following to flip the curves vertically - maybe useful for tabs on bottom ? */
|
||||
@supports -moz-bool-pref("userchrome.curved_tabs.flipped-curve.enabled"){
|
||||
.tab-background{ -moz-box-direction: reverse }
|
||||
.tab-background{ -moz-box-direction: reverse; flex-direction: column-reverse }
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background,
|
||||
.tab-background[selected]{ border-radius: 0 0 var(--uc-tab-curve-size) var(--uc-tab-curve-size) !important }
|
||||
.tabbrowser-tab > .tab-stack::before{ transform: scaleY(-1) !important; }
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue