Commit Graph

1023 Commits

Author SHA1 Message Date
MrOtherGuy
2ea55cbc72 autohide bookmarks toolbar: background styling for vertical tabs
Bookmarks toolbar doesn't have --toolbar-bgcolor when vertical tabs is
enabled.

We need to inherit background-color from toolbox though, because
otherwise the toolbar would be transparent if the selected theme doesn't
have image backgrounds.
2025-03-06 05:22:34 +02:00
MrOtherGuy
0bdc0db51f autohide bm and main toolbars: Add dpi dependent bottom margin for toolbox
On Windows 10 at least, the -1px static bottom margin we were using
causes a empty row of pixels to appear between tabs toolbar and nav-bar
when: 1. compact mode is used and 2. window scaling is at least 120% and
3. menubar is disabled.

This might be useful to be made to apply to Windows only, but that needs
testing. I suspect that this is also somewhat system dependent or
depends on more than just display scaling and density.
2025-03-01 09:09:20 +02:00
MrOtherGuy
2147612b2d autohide bookmarks and main toolbar: don't use .browser-toolbar
Since Tabs toolbar and menubar are direct children of toolbox
.browser-toolbar selector would apply to them as well causing certain
rendering issues such as slight movements in buttons when toolbox is
hovered
2025-03-01 08:29:56 +02:00
MrOtherGuy
6a43d3c49f urlbar results in two rows: fix typo in comment. Fixes #520 2025-03-01 08:28:11 +02:00
Sujal Gurung
8c371d758a add note to only autohide Sideberry sidebar (#518)
This css is useful to autohide Sideberry but users may not want other sidebars like History, Bitwarden to be autohidden.
2025-02-25 16:12:21 +02:00
MrOtherGuy
86203c2a52 oneline toolbar: Use -moz-pref instead of -moz-bool-pref
This change will cause the style to not work in versions < 137, Such
users need to use earlier version of the style.
2025-02-13 11:19:49 +02:00
MrOtherGuy
6931382f92 Replace uses of -moz-bool-pref with -moz-pref
This new media query feature replaces the old -moz-bool-pref in Firefox
137. -moz-pref can be used to also query values of string and number
     prefs
2025-02-13 07:38:04 +02:00
MrOtherGuy
625aad8dbc autohide tabs toolbar v2: Don't rely on [expanded] attribute
Firefox 135 uses resize observer to toggle the expanded state, so the
attribute will get removed when autohide makes the tabs collapse. Thus,
we cannot differentiate between manually collapsed and expanded states.
2025-02-08 18:00:57 +02:00
MrOtherGuy
62eafe7949 Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2025-02-06 05:12:03 +02:00
MrOtherGuy
6bf56382d4 icon only tabs: Draw tab audio button as overlay
Note, this only affects Firefox 136+ with its new audio button.
This patch also restricts the style to horizontal tabs because Vertical
tabs can be collapsed with built-in feature.
2025-02-05 18:15:58 +02:00
MrOtherGuy
8957a709e3 nav-bar below content: apply background images to nav-bar 2024-12-27 15:30:18 +02:00
MrOtherGuy
ded579f2db toolbar below content: move permissions popups upwards if needed
At least on linux permissions-popup and notification-popup panels
don't get side=bottom attribute so the open downwards which causes them to
be drawn outside of screen. Fixes #493
2024-12-27 15:19:54 +02:00
MrOtherGuy
0803a042a2 Add background to toolbars
Because the toolbox has display: contents, we need to display the background
separately for each toolbars. In addtion, on linux the main-window has
transparent background-color so we need to set toolbar opacity to 1 to
prevent transparent window areas.
2024-12-27 14:49:29 +02:00
MrOtherGuy
9987cdb464 tab separator lines: draw line as .tabbrowser-tab background-image
This makes the line not reserve any space which is great for tab-groups
support. This patch also adds some new selectors for other tab-group
related things.

Fixes #494
2024-12-22 10:42:11 +02:00
MrOtherGuy
c2db2eb76d non floating tabs: also move group label container to the top
Somehow this got lost in last patch
2024-12-22 10:24:02 +02:00
MrOtherGuy
b47711d318 non floating tabs: child selector fix for group tabs
The old selector expected .tabbrowser-tab to be a child of the
arrowscrollbox, which isn't necessarily the case anymore with groups.

This patch also removes a few very old rules not that are not used
anymore.
2024-12-22 10:16:06 +02:00
MrOtherGuy
d1ff2a2846 non floating tabs: move tab group line to the top.
The group line being at top makes much more sense with this style
because if it was at bottom then the group-line would disconnect tab
from nav-bar
2024-12-22 10:12:35 +02:00
MrOtherGuy
b8fb9bdb35 non floating tabs: tweak margin and ordering of tab context/group lines
This moves both lines 1px upwards so that they aren't half-covered by
nav-bar. Also, this makes context-line show atop of group line
2024-12-22 08:42:34 +02:00
MrOtherGuy
94f5ef943f toolbar below content: remove totally unnecessary css nesting 2024-12-20 08:22:33 +02:00
MrOtherGuy
8fdc6419ff multi-row tabs: Only hide alltabs-button if it's not removable
This means that the button will be hidden in ESR 128, but on Firefox
132+ it won't be since one can simply remove the button themselves or
move it to another toolbar etc. Fixes #407
2024-12-13 12:05:46 +02:00
MrOtherGuy
015468b922 animated active tab border: apply mask-image to the background-color
This fixes #488
2024-12-13 11:55:15 +02:00
MrOtherGuy
890a03f4ff autohiding toolbars: exclude tab-preview-panel from keeping toolbar open
Tab preview panel can sometimes cause what is possibly style
invalidation problem where the panel would jump around and even be
outside the window. This is especially likely to happen with
autohide_main_toolbar when tabs are overflowing.
2024-12-09 11:53:29 +02:00
MrOtherGuy
6aa82bb98c overlay fullscreen toolbars: tidy up some selectors 2024-12-07 17:32:04 +02:00
MrOtherGuy
bf89a5459c overlay fullscreen toolbars: use :has([panelopen]:not(#ask-chat-shortcuts))
Just makes more panels able to keep toolbars visible
2024-12-07 17:22:49 +02:00
MrOtherGuy
fec968c9de autohiding nav-bar: Replace :has(> [role="group"][panelopen])
Let's instead use :has(> [panelopen]:not(#ask-chat-shortcuts)) which
allows a lot more of the panels to keep nav-bar visible
2024-12-07 17:18:55 +02:00
MrOtherGuy
902bbd4458 overlay fullscreen toolbars: Use transform instead of margin-top
With Fx133 we need to apply transform separately to urlbar, and it seems
that doesn't play well with toolbox using margin-top.
2024-12-07 17:13:18 +02:00
MrOtherGuy
09cc00568e autohide toolbox: add optional feature to show the toolbox
This makes active maximized window show the toolbox when the window is
not hovered, such as when cursor is over native titlebar.
2024-12-07 16:27:25 +02:00
MrOtherGuy
617545968b toolbars below content: urlbarview alignment fixes and pref to move tabs
When urlbar is open the panel input-container height changes based on
whether or not go-button is shown. Add a pseudo-element at the end which
has uses the same height value as go-button would.

In addition, this patch adds a pref
userchrome.toolbars-below-content.tabs-at-bottom.enabled that can be
used to make tabs as the bottom-most toolbar.
2024-12-07 06:06:29 +02:00
MrOtherGuy
fe0cb2cb7b hide tabs toolbar: don't hide the toolbar when customizing
This makes it easier if one needs to move buttons away from tabs toolbar
2024-12-04 20:15:09 +02:00
MrOtherGuy
d9e3c87cbe privatemode indicator menu button: add class selector to hide the item
This fixes #478
2024-12-03 05:25:01 +02:00
MrOtherGuy
93c8b2b4ff reload button in urlbar: remove pointer events from urlbar
This will make the style kinda work with popover urlbar, but it if
urlbar is fully opaque then it will still cover the reload button.
2024-12-01 14:33:28 +02:00
MrOtherGuy
2515f1ab25 full width urlbar: Simplify rules to make positioning work in fx133 2024-12-01 14:32:17 +02:00
MrOtherGuy
35f29fd1cb compact urlbar megabar: update to work with Fx 133 2024-11-30 11:50:42 +02:00
MrOtherGuy
def4b49d6b overlay tab audio icons: update margin & inset to the current values
This fixes #462
2024-11-29 16:57:45 +02:00
MrOtherGuy
582f97c53e Add [customtitlebar] as alternative to [tabsintitlebar] 2024-11-29 16:35:06 +02:00
MrOtherGuy
9e91c32460 non floating tabs: remove nav-bar top border
The border is theme dependent, but we really don't want that to ever
appear
2024-11-28 16:36:42 +02:00
MrOtherGuy
e23b213d84 non-floating tabs: add will-change:unset for tabstoolbar as well
Fixes #451
2024-11-27 04:52:33 +02:00
MrOtherGuy
a2d00c282d tab separator lines: hide separator next to hidden tab after selected
This isn't a proper fix for the issue, but fixes a special case where
there is only on hidden tab after the selected tab - this is what
happens with firefox-view button. Fixes #450
2024-11-26 17:46:42 +02:00
MrOtherGuy
14f2c867e7 inline tab audio icons: adjust icon inline margin 2024-11-16 07:33:01 +02:00
MrOtherGuy
36be28e7d2 autohide main toolbar: add background for nav-bar when sidebar tabs
When tabs are in sidebar, nav-bar has .browser-titlebar class so use
that to conditionally inherit background from toolbox
2024-11-04 20:19:47 +02:00
MrOtherGuy
9eef8cd4bf autohide toolbars: remove weird --uc-urlbar-top hack
Beta 133 b4 seems to work okay without it and it breaks positioning on
nightly
2024-11-04 19:52:21 +02:00
MrOtherGuy
ec1aede46c show autohidden toolbar when a panel is open 2024-11-01 05:36:58 +02:00
MrOtherGuy
14b75c1b77 autohide bm and main toolbars: remove duplicate ruleset 2024-11-01 05:35:55 +02:00
MrOtherGuy
d2a663229d autohide main toolbar: apply separate transitions to urlbar[popup] 2024-10-31 18:20:47 +02:00
MrOtherGuy
7c38557add autohide bm and main toolbars: use opacity+pointer-events to hide urlbar
visibility: hidden prevents urlbar from getting focus from hotkeys etc.
2024-10-31 17:46:08 +02:00
MrOtherGuy
f4dfe670eb autohide toolbox: show urlbar also when :focus-within 2024-10-31 17:45:32 +02:00
MrOtherGuy
3f6b82c235 autohide toolbox: use transform instead of visibility changes on urlbar 2024-10-31 17:32:14 +02:00
MrOtherGuy
b563a37cec Use --tab-inline-padding in place of --inline-tab-padding
Fixes #439
2024-10-30 20:42:19 +02:00
MrOtherGuy
56e83df95b autohide bookmarks and main toolbar: apply separate transform to urlbar
This makes popover urlbar sort of work - for now. Fixes #436
2024-10-29 21:24:29 +02:00
MrOtherGuy
7baf1d3fbe create autohide_tabstoolbar_v2.css
Rewriting the old style to work with both vertical and horizontal tabs
2024-10-27 19:20:46 +02:00