1925332 - "Not Secure" Label Is Illegible When the Width Is Too Small to Show Its Text

Status: RESOLVED FIXED

(Firefox :: Address Bar, defect, P2)

Description

[Chris Bellini (:cbellini)]

At a 716px breakpoint, remove the "Not Secure" label when on an HTTP site and only display the padlock icon.

Comment 1

[Chris Bellini (:cbellini)]

Attachment: obscured-not-secure-label.png

Comment 2

[Daisuke Akatsuka (:daisuke)]

As it seems that 716px is not defined yet in media-query, I will add this rule to 770px which hide the label of container tab for Switch to Tab.
https://searchfox.org/mozilla-central/rev/b9e7c4300ba972a4c98bf463fc046e8cd9367175/browser/themes/shared/urlbar-searchbar.css#372,404,416

Comment 3

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1925332: Hide 'Not Secure' label when window width is narrow

Comment 4

[Daisuke Akatsuka (:daisuke)]

Hi! As Itiel mentioned in phabricator, the label is used not only for Not Secure but Extension name, Brand name etc. So, I'd like to confirm, may we hide it even so?

Comment 6

[Daisuke Akatsuka (:daisuke)]

Attachment: Bug 1925332: Set tooltip for not secure label

Depends on D226057

Comment 7

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/db8be639185e
Hide 'Not Secure' label when window width is narrow r=desktop-theme-reviewers,urlbar-reviewers,mak,dao
https://hg.mozilla.org/integration/autoland/rev/2cea94c2cade
Set tooltip for not secure label r=daleharvey

Comment 8

[pstanciu]

https://hg.mozilla.org/mozilla-central/rev/db8be639185e
https://hg.mozilla.org/mozilla-central/rev/2cea94c2cade

Comment 9

[Ardelean Oana, Desktop Test Engineering [:oardelean]]

Reproducible on a 2024-10-17 Nightly build on Windows 10.
Verified as fixed on Firefox Nightly 134.0a1 on Windows 10, Ubuntu 22, macOS 14.
With reduced browser width, only the padlock icon is displayed. Tooltip also displays 'Connection is not secure' string.