use box-ordinal-group instead of reversing box direction

This commit is contained in:
MrOtherGuy 2021-04-25 05:57:01 +03:00
parent dd6c73183e
commit a0d1da9a36

View file

@ -56,8 +56,6 @@ See the above repository for updates as well as full license text. */
transform: scaleX(-1);
}
.tab-background{ -moz-box-direction: reverse }
.tabbrowser-tab:hover > stack > .tab-background,
.tab-background[selected]{
border-radius: var(--uc-tab-curve-size) var(--uc-tab-curve-size) 0 0 !important;
@ -73,6 +71,11 @@ See the above repository for updates as well as full license text. */
#scrollbutton-down{ border-block-width: var(--uc-tabs-scrollbutton-border,0px) !important; }
.tab-background[selected]{ border: 1px solid var(--tabs-border-color) !important; border-bottom: none !important }
.tab-context-line{
-moz-box-ordinal-group: 2;
margin-block: 0 !important;
}
/* Annoying fix to prevent hovering of last tab to trigger tab overflow, better solution wanted */
.tabbrowser-tab[last-visible-tab]{ margin-inline-end: var(--uc-tab-curve-size) !important; }