selected pined tab has underline when enough tabs are opened to bring up the tab scroll arrows

[gotyaoi]

Describe the bug In photon style, when a tab is selected, the line at the bottom of the tab is removed to visually merge it with the navigation bar below it. However, this does not occur for pinned tabs in the case that enough regular tabs have been opened to cause the scroll arrows to appear on either side of the tab container. The behavior of regular tabs is still correct in this case, and pinned tabs are correctly handled when the tab scroll arrows are not present.

Expected behavior The line below a pinned tab should always be removed when it is selected.

Screenshots

Environment:

• Distribution
  • [ ] Original Lepton
  • [x] Lepton's photon style
  • [ ] Lepton's proton style
• Firefox Version: 101.0.1
• OS:
  • [ ] Linux
  • [x] Windows
  • [ ] Mac
  • [ ] Other:
• Theme:
  • [ ] Light
  • [ ] Dark
  • [ ] Alpenglow (System: Light)
  • [ ] Alpenglow (System: Dark)
  • [ ] System Default
    • GTK Theme Name (Linux only):
  • [x] Other: (e.g. Photon Colors, Google Chrome Dark, Fairytale Of Nature)

user.js setup

// Your setting

Additional context

[gotyaoi]

Did a little bit of looking at this, it appears to be partially related to https://github.com/black7375/Firefox-UI-Fix/blob/d658028b7bca02a36c6c41fb609120198bc59270/css/leptonChrome.css#L3988-L3990. Disabling that rule removes the line by restoring the z-index: 2 from chrome://browser/skin/tabs.css:119, though there's a leftover box shadow from the tab-background class.

[black7375]

Hello, I am investigating this issue. Could you tell me the link to your theme?

[gotyaoi]

https://addons.mozilla.org/en-US/firefox/addon/yakuza-paint/

[black7375]

I think it's solved. Let me know if there's still a problem.

[gotyaoi]

Works perfectly for me now, thank you.