2067435 - Audio icon in pinned tab shrunk due to border change

Status: NEW

(Firefox :: Tabbed Browser, defect, P3)

Description

[Merci chao]

Attachment: Region.png

Because of the recent change to .tab-icon-overlay which adds a border, the audio icon in pinned tabs is shrunk down from the original 12px (size of the SVG image) to 10px. This visual regression makes the icon appear smaller than intended. Adjusting the styling can fix the issue:

• Change the padding to 1px, or
• Replace the padding with object-fit: scale-down.

Comment 1

[Merci chao]

Sorry that if choosing the approach of adjust the padding, the new padding should be calc(2px - env(hairline)).

Comment 2

[BugBot [:suhaib / :marco]]

:kpatenio, since you are the author of the regressor, bug 2048382, could you take a look? Also, could you set the severity field?

For more information, please visit BugBot documentation.

Comment 3

[BugBot [:suhaib / :marco]]

The bug has a release status flag that shows some version of Firefox is affected, thus it will be considered confirmed.

Comment 4

[Stephen Thompson [:sthompson]]

Note that the 1px border is only on the audio-related variants of the .tab-icon-overlay https://searchfox.org/firefox-main/rev/bde88e0509310cea9d16d473d94d7d0f48632df2/browser/themes/shared/tabbrowser/tabs.css#697 while all variants of the overlay currently use the 2px padding https://searchfox.org/firefox-main/rev/bde88e0509310cea9d16d473d94d7d0f48632df2/browser/themes/shared/tabbrowser/tabs.css#647. Makes sense to reduce padding on the audio-related variants.