[Bug]: Extra padding on first tab under pinned tabs on vertical tab bar

kgorol commented 2 months ago

Pre-Submission Checklist

[X] I have checked the existing/closed issues to ensure this issue has not already been reported.
[X] I am using the latest supported version of the browser.
[X] I have tried disabling all browser extensions/add-ons to rule out interference from these.
[X] I have tried clearing the browser cache and cookies.
[ ] I have checked with a new profile and the issue still occurs.
[X] I have provided detailed step-by-step instructions on how to reproduce the issue.
[X] I have included relevant screenshots or console outputs.
[X] I have checked that this problem is not occurring in the latest version of Firefox ESR.
[X] This issue is specific to this browser and does not occur in other browsers.

Bug Summary

As you can see on the screenshot below, the first tab under pinned tabs (below Tuta) as some extra padding on the left.

Reproduction Steps

Enable vertical tabs

Expected Behavior

No extra padding

Actual Behavior

Extra padding visible on first not pinned tab

Screenshots

Browser Version

11.17.5

Operating System

Windows 11

Additional Context

No response

Cl00m commented 2 months ago

I have just noticed that too. I believe this is attributed to the fact that the sidebar in Floorp has some additional elements (compared to FF). I have not yet attempted any related CSS hacks in floorp, and any tips about this would be greatly appreciated. Floorp 11.17.6, Win10 pro 22H2 19045.4780

Eragonfr commented 2 months ago

I can't reproduce it in floorp, but I sent a patch for the new vertical tabs on firefox.
Firefox hardcoded the padding on the first tab after the pined tabs to be on the left of the tab. The fix is as easy as adding three lines of css to move the padding on the top when the tabs are displayed vertically.

almighty-loaf commented 2 months ago

I'm also seeing this issue in Win11, and want to note a few more things:

The "Pinned" sub-label is also missing for all pinned tabs
Pinning a tab will correctly add the "Pinned" sub-label, but only for that tab

Floorp-Projects / Floorp