Aris-t2/CustomCSSforFx

Combining tabs below navigation with tab appearance causes issues

Garbman opened this issue · 2 comments

Garbman commented

  1. Does the issue occur without any files inside /chrome/ folder?
    No.

  2. Issue description, userChrome.css/userContent.css 'settings' the issue occurs with and steps to reproduce the issue:
    Enabling "tabs_below_navigation_toolbar_higher_navbar_positon.css" (or any of the two other variants of it) with any of the following: "classic_squared_tabs.css", "classic_squared_tabs_australized.css", "default_tabs_photon.css" causes misalignment issues. This only appears to happen if the title bar in firefox's settings is disabled.
    Turning on "tabs_below_navigation_toolbar_higher_navbar_positon.css" causes the window control buttons to be slightly lower than expected when firefox is maximized but any other buttons and address bar function normally.
    Adding any of the before mentioned css that alter the appearance of the tabs causes the address bar to be cut off (exclusive to squared_tabs and squared_tabs_australized), the buttons only work if the cursor is at a specific spot below them and the window controls get shoved off their spot even more.
    I don't know what Mozilla decided to change on their end but combining these two css options used to work on FF123 and older. On FF125 I used "default_tabs_photon_alt.css" instead of the regular version but it otherwise worked as intended. Now on FF126 none of the alternate tab appearances work properly if paired with the option to move the tabs down.

  3. Does the issue occur with the most recent version of CustomCSSforFx (release/test/dev build)?
    Yes. Tested with a fresh install of 'v4.5.2v2'.

  4. Screenshots showing the issue (drag & drop images into this post):
    "tabs_below_navigation_toolbar_higher_navbar_positon.css" + disabled title bar
    1
    "tabs_below_navigation_toolbar_higher_navbar_positon.css" and "classic_squared_tabs.css" + disabled title bar
    3
    2
    "tabs_below_navigation_toolbar_higher_navbar_positon.css" and "classic_squared_tabs.css" + enabled title bar
    4

  5. System information

  • OS & OS version: Windows 10
  • DPI/HiDPI/scaling value, if not 100% (e.g. 125%, 150%...): 100% scaling 1080p
  • Firefox version: 126
  • Firefox theme (e.g. default, build in light/dark, external theme + link): tested with default light theme and Arc Dark by Afnan Khan
Aris-t2 commented

Test this:
CSS.zip

Garbman commented

That works, thanks for the quick fix.
Cheers!