2058198 - Container color state should expand across the panel (vertical tab ?)

Status: VERIFIED FIXED

(Firefox :: Containers, defect)

Description

[:gerard-majax]

Attachment: image.png

STR:

• Firefox Multi-Account Container
• Open a tab in a specific context

Expected:
Context's color is taking the full width

Actual:
Context's color is only over the icon, making it very hard to quickly read/distinguish.

IMHO this is a severe UX regression, identification of tab's context is much harder. Even on pinned tabs, the width of the color component over the icon is super small.

Comment 1

[Mike Hommey [:glandium]]

For the record, the context color used to be vertical on the right side.

Comment 2

[Andrea Marchesini [:baku]]

This is what the spec defined. Now the spec has changed! I'm already working on the new version of it.

Comment 3

[:gerard-majax]

(In reply to Andrea Marchesini [:baku] from comment #2)

This is what the spec defined. Now the spec has changed! I'm already working on the new version of it.

You need to share more context here, because reading this from here with RESOLVED:WORKSFORME sounds line we are not going to fix it.

Comment 4

[:gerard-majax]

(and the jira ticket is not accessible even to employees)

Comment 5

[Andrea Marchesini [:baku]]

Attachment: Bug 2058198 - Improve the container tab strokes r=kcochrane

Comment 6

[Kestrel]

Regression window:
https://hg-edge.mozilla.org/integration/autoland/pushloghtml?fromchange=c68d75d797c5305bdca64fb72d8ddf1ced6c3fff&tochange=fd9bf6d5a5a05b7ea908933fdbb38e4fd5efe4d2

Regressed by Bug 2054407.

Comment 7

[Kestrel]

(In reply to Mike Hommey [:glandium] from comment #1)

For the record, the context color used to be vertical on the right side.

It was also twice as long (24px vs 12px) and three times the padding from the favicon (6px vs 2px) making it easier to visually separate.

Comment 8

[Robert Kaiser]

FWIW, horizontal tabs have the same issue, it's not easy to see now what is a container tab and what isn't and to differentiate different container tabs, as the indicators are so small

Comment 14

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/25e5840e6015
https://hg.mozilla.org/integration/autoland/rev/2eb8b20faa39
Improve the container tab strokes r=kcochrane,desktop-theme-reviewers,tabbrowser-reviewers,dao

Comment 15

[Serban Stanca [:SerbanS]]

https://hg.mozilla.org/mozilla-central/rev/2eb8b20faa39

Comment 16

[Simona Badau, Desktop QA]

Reproduced the initial issue on Nightly 155.0a1 Build ID: 20260727131500 on Windows 11.

Verified as fixed using the latest Nightly 155.0a1 on macOS 26, Ubuntu 24.04, and Windows 11 - the container color indicator expands across the entire tab in both vertical and horizontal tabs.

While verifying this issue, I noticed an overlap issue, so I filed Bug 2061111 to track it.