Commit Graph

1208 Commits

Author SHA1 Message Date
MrOtherGuy
eaddc9b4dd Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2025-07-23 07:06:18 +03:00
MrOtherGuy
61301d7475 Replace overflow: -moz-hidden-unscrollable with overflow: clip 2025-07-22 19:25:21 +03:00
soulhotel
bedf5da513 Makes the bookmarks toolbar scrollable (#557)
* Makes the bookmarks toolbar scrollable

* Update scrollable_bookmarks_toolbar.css

* Make the bookmarks toolbar scrollable (comment corrections)
2025-06-29 07:29:41 +03:00
MrOtherGuy
c675b129c0 overlay tab audio icons: improve the audio icon alignment a bit 2025-06-27 11:41:38 +03:00
MrOtherGuy
791e1e59ca hide tabs scrollbuttons: Add fallback --tab-shadow-max-size prop
--tab-shadow-max-size property doesn't exist anymore and thus our margin
computation for the scrollbuttons doesn't work anymore. This patch
fixes #555
2025-06-25 16:48:54 +03:00
MrOtherGuy
b8e0cb847e standalone images: Don't set auto margin by default
It break zoomed-in images.
2025-06-04 19:19:21 +03:00
MrOtherGuy
96476e85ac multi-row-tabs: Use tabbrowser-tabs as the tab container
This makes tabs scrollboxes have display:contents and thus makes tabs
use tabbrowser-tabs as their parent container.

Reason being that in firefox 141 the pinned tabs are moved to separate
scrollbox which would then have it's own display block.
Fixes #551
2025-06-04 16:33:27 +03:00
MrOtherGuy
a9d0818e2c iconized menubar items: Update selectors a bit 2025-06-02 05:42:57 +03:00
MrOtherGuy
20830b8677 autohide sidebar: handle .sidebar-browser-stack wrapper 2025-05-22 18:19:26 +03:00
MrOtherGuy
c880ab119a autohide sidebar: set sidebar-box directionality only based on side 2025-05-03 20:27:34 +03:00
MrOtherGuy
7f4f4511ba autohide sidebar: Add option for fixed-layout sidebar via pref 2025-04-30 12:43:20 +03:00
MrOtherGuy
b57c0b5456 autohide-sidebar: make sidebar rules use [sidebar-positionend] attribute
And also remove extra border for revamped sidebar.
This fixes #542
2025-04-30 12:37:30 +03:00
MrOtherGuy
016521f0a2 Update menuitem rules to reflect simplifications from 1959540 2025-04-15 21:32:22 +03:00
MrOtherGuy
db143f9f42 toolbars below content: use linux top margin hack to extension panels
We already apply computed top margin to notification popup and
permission popup so that they are visible. But it seems that if the
panel is close enough to screen bottom edge (such as in maximized
windows) then the panel contents fail typically fail to render. For
whatever reason, changing the default margin for
customizationui-widget-panel makes the failures much less frequent
although it doesn't appear to get rid of the issue completely.
2025-04-13 11:38:10 +03:00
MrOtherGuy
be179ef099 autohide tabstoolbar: fix positionend selectors for fx138 2025-04-05 09:40:56 +03:00
MrOtherGuy
fa0ac7036e autohide tabstoolbar: inherit background from sidebar-wrapper 2025-04-05 06:43:36 +03:00
MrOtherGuy
9bf9c83944 autohide toolbox: clamp urlbar-input box block padding
When the user exits customize mode, Firefox re-evaluates urlbar
dimensions and the result ends up with --urlbar-height becoming 0px
since the urlbar gets hidden.

The input box uses --urlbar-height to calculate its block padding which
in turn evaluates to full urlbar-height - thus making the contents of
input-box 0px leading to "invisible" input-box.

As a workaround we now clamp the padding-block calculation to 4px.
2025-03-30 07:46:58 +03:00
MrOtherGuy
2eaffa57ff autohiding styles: exclude more selectors from triggering auto-show
Fixes #535
2025-03-29 04:59:22 +02:00
MrOtherGuy
71d52e7343 fake statusbar w bookmarksbar: Make Done label absolute start aligned
If bookmarks toolbar is empty (except for the flex space) the
empty-toolbar indicator element is visible, which causes the flex-space
to be be center-aligned - this is simply fixed with order: -1

In addition, when letterboxing is enabled and window is somewhat narrow,
the Done ::before pseudo can cause the statuspanel to be wider that the
<browser> element, which causes the <browser> to move when links are
being hovered. So lets just make the Done label absolute.
2025-03-26 19:01:53 +02:00
MrOtherGuy
e3f0e06f4b autohide main toolbar: conditionally apply browser top margin
We have removed custom browser top margin in fullscreen mode, but it
actually needs to apply in fullscreen mode if toolbars are not
autohidden using built-in Firefox fullscreen mechanism.
2025-03-22 20:15:30 +02:00
MrOtherGuy
80d3a24829 navbar below content: Make urlbar flex-direction important 2025-03-18 16:23:51 +02:00
MrOtherGuy
ad7f192385 autohiding: don't apply transforms when moving a tab
This fixes an issue that occurs on linux where :hover state is lost when
drag session begins.
2025-03-15 16:15:36 +02:00
MrOtherGuy
e127ec9379 autohide toolbox: remove rules setting toolbar width
These shouldn't be needed anymore and having them around causes
compatibility issues with styles like oneline-toolbar.css
2025-03-15 15:38:21 +02:00
MrOtherGuy
97b4bf22cf fake statusbars: Set z-index with !important 2025-03-15 06:57:31 +02:00
MrOtherGuy
d5ce957c83 fake statusbar w menubar: Make it work with tabs on bottom/below content
With tabs_on_bottom it should just work, but for tabs_below_content
support this patch adds a compatibility pref that needs to be set.
2025-03-15 06:41:56 +02:00
MrOtherGuy
7aaceb6ffe Merge branch 'master' of https://github.com/MrOtherGuy/firefox-csshacks 2025-03-13 17:19:45 +02:00
MrOtherGuy
a1d2c40ea5 button effect scale on click: don't transform .tab-close-button
Transforming the <image> element causes it to become smaller, and thus
to not trigger click event if the button was clicked near the edge.

This patch makes us scale tab close button by instead changing its
padding which just makes the icon smaller during :active.

This fixes #526
2025-03-13 17:16:17 +02:00
Michael A.
a4d7b12dec Enable collapsing of tab groups in multi-row tabs (#525) 2025-03-07 14:09:11 +02:00
MrOtherGuy
a519e7e32c overlay tab audio icons: add rules for the new audio button 2025-03-06 05:37:48 +02:00
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