1899582 - Update styling for vertical tabs

Status: RESOLVED FIXED

(Firefox :: Sidebar, task)

Description

[Sarah Clements [:sclements]]

A combination of two small things:

• The tab container indicators (colored underlines) should switch to the left side (the current treatment for the all tabs button in the horizontal tabstrip). See the spec.
• Add a fade effect where the vertical tabs container meets the tools.

Comment 1

[Sarah Clements [:sclements]]

Something that came up in review in bug 1893655 is that we want to get rid of this style to show more of the title in the expanded state (this style gives it a fade effect). Per a comment from dao #tabbrowser-tabs:is(:not([closebuttons="activetab"]), [orient="vertical"]) would work in the expanded case but the unexpanded. Maybe for now just exclude both "allow showing more of the tab title" rules for vertical mode?"

Comment 2

[Jonathan Sudiaman [:jsudiaman]]

Attachment: Bug 1899582 - Update styling for vertical tabs r?#sidebar-reviewers

The tab container indicators (colored underlines) switch to the left side.
Add a fade effect where the vertical tabs container meets the tools.
Exclude both "allow showing more of the tab title" rules for vertical mode.

Comment 3

[Jonathan Sudiaman [:jsudiaman]]

Attachment: Bug 1899582 - Update styling for vertical tabs r?#sidebar-reviewers

The tab container indicators (colored underlines) switch to the left side.
Add a fade effect where the vertical tabs container meets the tools.
Exclude both "allow showing more of the tab title" rules for vertical mode.

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/9c0dc4150eb4
Update styling for vertical tabs r=sidebar-reviewers,desktop-theme-reviewers,tabbrowser-reviewers,emilio,dao,sclements

Comment 5

[Norisz Fay [:noriszfay]]

https://hg.mozilla.org/mozilla-central/rev/9c0dc4150eb4