Support native vertical tabs

[42willow]

Note

this should be built in (not an integration) as it is native to firefox

about:config:

• sidebar.verticalTabs: true
• sidebar.revamp: true

---

• auto collapse firefox now has auto collapse
• smooth animations firefox now has auto collapse
• hide new tab button
• hide bottom buttons
• fix weird dot artifact (containers)
• tab groups (Support tab groups #150)

[42willow]

.tab-context-line is what's producing the strange dot artifacts, I assume it is to display the container

[42willow]

screenrecord.mp4

#sidebar-main {
  width: 58px !important; /* figure out the exact width */
  transition: width 0.3s ease;
}
#sidebar-main:hover {
  width: 200px !important;
}

[42willow]

Firefox also has another experimental option for tab groups: browser.tabs.groups.enabled

[42willow]

Now the url bar at the top is full width when an extension popup isn't open - need to fix that tomorrow.

[42willow]

• center and full width tab group labels (they look strange when on the left)
• fix alignment of pinned tabs (gaps should be equal and should adhere to configured border radius) - this also breaks when tabs are collapsed

[42willow]

Screen.Recording.2025-10-01.at.3.25.21.pm.mov

• fix ugly jitter due the group labels deciding to resize themselves (the line should be in the same position as it were before expanding the vertical tab bar)
• make group label colours more subtle (maybe just border or a glow similar to the container tabs)