1197062 - Audio indicator position strange in dev edition theme on pinned tab

Status: RESOLVED INVALID

(Firefox :: Tabbed Browser, defect)

Description

[Jordan Santell [:jsantell] [@jsantell]]

Attachment: Screen Shot 2015-08-20 at 9.00.44 PM.png

When an audio indicator appears on a pinned tab with the dev edition theme, it's positioned strangely (see attachment).

Comment 1

[Jordan Santell [:jsantell] [@jsantell]]

STR:
* Go to a tweet with a vine attached, or use this lovely link and pin the tab https://twitter.com/Babylonian/status/634461984499499008
* Notice the audio indicator crushed against the favicon

Comment 2

[(no longer active)]

What's strange about it?

Comment 3

[Jordan Santell [:jsantell] [@jsantell]]

When on a not pinned tab, it looks like an extension of a title, in this pinned tab attachment, it is pushed to the top, both off center and not aligned as fas as I can tell to anything, and generally looks like a CSS positioning error. I'm not sure what I'd expect, I'm not a designer, just "looks wrong", but maybe this is subjective

Comment 4

[Brian Grinstead [:bgrins]]

(In reply to Jordan Santell [:jsantell] [@jsantell] from comment #3)
> When on a not pinned tab, it looks like an extension of a title, in this
> pinned tab attachment, it is pushed to the top, both off center and not
> aligned as fas as I can tell to anything, and generally looks like a CSS
> positioning error. I'm not sure what I'd expect, I'm not a designer, just
> "looks wrong", but maybe this is subjective

I see a pretty similar result in the Default theme.  In the Dev Ed theme it looks like the icon is maybe a bit more over the favicon, but I'd say it's in the same ballpark.

Comment 5

[(no longer active)]

This is by design, according to the UX spec.  The intention is for the icon to overlay the favicon, because we don't want to increase the tab width.  The positioning of the icon is the same in both themes, fwiw.

-> INVALID.