Commit graph

24 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
055e742a87 non_floating_tabs: apply relative selected tab position to pinned tabs
In overflow mode Firefox will override that anyway so no need to exclude
all pinned tabs.
2023-02-16 05:28:48 +02:00
MrOtherGuy
5facc2e8c9 non-floating-tabs: Make selected tab have position: relative again
Firefox 110 made selected tab static, but we need it to be relative so
that it gets drawn over the navbar top box-shadow
2023-02-15 05:09:44 +02:00
MrOtherGuy
b88c1f5bf1 Improvements for hide_tabs_scrollbuttons
This patch "unhides" tabs scrollbox overflow indicators as well as adds
background for scrollbuttons when re-oredering tabs. Both of these are
pretty complicated things to achieve, so this patch also adds a small
compatibility layer for non_floating_sharp_tabs.css
2023-01-05 15:21:48 +02:00
MrOtherGuy
0d1ec1e56f remove outline from .tab-background 2022-07-07 17:45:15 +03:00
MrOtherGuy
a49066b2f4 sharp_tabs: draw tabs-newtab-button icon as background-image
This is done because we want the button background to fill toolbar
height, but we don't actually know how tall the toolbar is and thus
working with list-style-image + padding is going to produce stretced
icon on some systems.
2022-06-17 16:26:00 +03:00
MrOtherGuy
8dc4e1c795 Apply 2px rounding only to buttons in tabs customization target
This allows dropping extra id selector from tabs-newtab-button
2022-06-17 05:21:54 +03:00
MrOtherGuy
19fa8eb39d Update styles to use --lwt-tab-line-color variable 2022-01-12 15:16:47 +02:00
MrOtherGuy
ec17a82ede remove top border from .tab-background 2022-01-12 08:21:27 +02:00
MrOtherGuy
5118aedfad remove --proton-tab-block-margin dummy variables 2021-11-21 09:42:28 +02:00
MrOtherGuy
7801318d78 add -1px margin for multiselected tab-background
This makes the tabs to draw 1px on top of each other which should make
multiselected tabs look better with and without tab separators
2021-10-13 16:14:06 +03:00
MrOtherGuy
9ad96bb6f3 Set multiselected tabs to have tab hover background color. Fixes #150 2021-10-11 17:44:40 +03:00
MrOtherGuy
568c1cd86b create a few exceptions for default light theme colors
This lets default light theme to use toolbar-bgcolor for the selected
theme as well as make the line atop of selected tab (with default light theme) show as blue as per
Photon styling.
2021-08-26 08:59:45 +03:00
MrOtherGuy
4171cf0332 set --tab-line-color override in tabbrowser-tabs 2021-07-18 20:47:20 +03:00
MrOtherGuy
dcdc03519c make some styles less dependent on color-mix pref 2021-07-15 13:55:03 +03:00
MrOtherGuy
4388d8497c add note about color-mix pref 2021-06-27 10:23:03 +03:00
MrOtherGuy
32c9b4dd54 Don't important-remove the selected tab animation 2021-06-27 10:10:43 +03:00
MrOtherGuy
b0ed451d7b make sure the line animates only in hovered nonselected tabs
that should have already been the case previously, but if one were to
use some other custom style that added .tab-background::before pseudo
element, then all tabs would have a playing animation which would have
trashed performance.
2021-06-26 09:57:25 +03:00
MrOtherGuy
f7badbc69c only apply taller pinned tabs when using compact mode 2021-06-10 05:48:44 +03:00
MrOtherGuy
683bdce1ad don't set toolbar-bgcolor to transparent when moving tabs 2021-06-09 16:34:09 +03:00
MrOtherGuy
7db2c96530 add temporary dummy variables for tab-block-margin 2021-06-05 00:17:16 +03:00
MrOtherGuy
daaff92e6a add photon like tab top line onhover animation 2021-06-02 23:38:06 +03:00
MrOtherGuy
14c7ef8f92 set toolbar-bgcolor to transparent for tabs toolbar 2021-05-29 19:44:23 +03:00
MrOtherGuy
b1b91c93d3 create non_floating_sharp_tabs.css 2021-05-22 23:54:58 +03:00