Commit graph

21 commits

Author SHA1 Message Date
MrOtherGuy
0ff12e01fe 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.
2023-03-11 12:26:07 +02:00
MrOtherGuy
f9b3e20163 Fix bunch of clipping issues in curved_tabs.css
There is still one(known?) case that happens if one uses a theme with
non-opaque toolbar background-color with optional extra-border rules.
But that option isn't too nice with non-opaque colors anyway so left as
todo.

In addition, this patch makes the optional rules use @supports
-moz-bool-pref rules instead of having to remove commented sections in
the css file.
2022-12-27 11:30:06 +02:00
MrOtherGuy
53eb59e017 curved_tabs: Fix curve placement on Firefox 107 2022-10-21 12:06:45 +03:00
MrOtherGuy
2f792166c3 curved_tabs: Improve style compatibility with theme images
This patch makes outward curves use a sliver of toolbox background-image
to mask some artifacts that are results of several semi-transparent
surfaces. This also changes the curve svg image a bit to makes
curve-border transitions more smooth.
2022-05-08 15:58:27 +03:00
MrOtherGuy
8d25156001 curved-tabs: move tabs away from the window edge with pinned tabs
With positioninnedtabs, the left-most tab might end up outside of the
window under some circumstances (for example when menubar is enabled).
This patch moves tabbrowser-tabs away from the window edge equal to the
curve-size and makes the pre-tabs spacer a bit narrower to make the
space not look too large when the spacer is shown.
2022-04-02 14:49:03 +03:00
MrOtherGuy
fd644ff857 replace --tabs-border-color with --lwt-tabs-border-color 2022-01-22 06:43:57 +02:00
MrOtherGuy
fea6e47687 curved-tabs: decrease stroke-opacity of the border
This patch also adds some comments for svg.context-properties.content.enabled
which is a requirement as well as make default theme have separate
background-color for curves.
2022-01-06 17:36:44 +02:00
MrOtherGuy
5118aedfad remove --proton-tab-block-margin dummy variables 2021-11-21 09:42:28 +02:00
MrOtherGuy
dcdc03519c make some styles less dependent on color-mix pref 2021-07-15 13:55:03 +03:00
MrOtherGuy
7db2c96530 add temporary dummy variables for tab-block-margin 2021-06-05 00:17:16 +03:00
MrOtherGuy
e594b9b6ad remove tab top-border when COLORS are used 2021-04-25 06:39:08 +03:00
MrOtherGuy
a0d1da9a36 use box-ordinal-group instead of reversing box direction 2021-04-25 05:57:01 +03:00
MrOtherGuy
dd6c73183e reverse tab-background direction so context-line shows at bottom 2021-04-25 05:48:49 +03:00
MrOtherGuy
a115193aaa remove the empty padding between tabs 2021-04-22 13:49:49 +03:00
MrOtherGuy
cde5a0391d use a variable to set color for the optional tab line 2021-04-22 13:07:33 +03:00
MrOtherGuy
9a845cee6e Add optional section to bring back tab colors & borders 2021-04-12 17:09:06 +03:00
MrOtherGuy
47aab4c87d
make border-radius of flipped version important 2021-04-09 14:13:13 +03:00
MrOtherGuy
802c4a4c53 make curved_tabs.css proton compatible 2021-04-09 00:33:37 +03:00
MrOtherGuy
c194c5e62b make curve color respect selected tab color set by theme 2021-03-14 18:03:37 +02:00
MrOtherGuy
cd0d556418 Add support for tabs border color 2020-10-02 11:49:57 +03:00
MrOtherGuy
88b3ff1d6b Create curved_tabs.css 2020-09-23 00:28:12 +03:00