2063466 - FileSearchBar nav button hover background overlaps focus outline

Status: RESOLVED FIXED

(DevTools :: Shared Components, defect, P3)

Description

[Chris Vander Linden]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:153.0) Gecko/20100101 Firefox/153.0

Steps to reproduce:

1. Open the Debugger.
2. Open the FileSearchBar (Ctrl/Cmd+F).
3. Focus the search field.
4. Hover the navigation buttons.

Actual results:

The nav button hover background overlaps the blue focus outline, producing an inconsistent appearance.

Expected results:

The hover state should not visually interfere with the focus outline.

Comment 1

[Chris Vander Linden]

Attachment: nav buttons overlap blue focus outline while hovering

Comment 2

[Chris Vander Linden]

I discovered this while finishing Bug 1941575. This issue is in the shared FileSearchBar and reproduces in the Debugger and Network raw response panel, as well.

I plan to work on the fix.

Comment 3

[Chris Vander Linden]

Attachment: Bug 2063466 - Fix FileSearchBar nav button hover styling. r?#devtools-reviewers

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/e157fac4e6ed
https://hg.mozilla.org/integration/autoland/rev/9926e5750ce6
Fix FileSearchBar nav button hover styling. r=devtools-reviewers,nchevobbe

Comment 5

[Cosmin Sabou [:CosminS]]

https://hg.mozilla.org/mozilla-central/rev/9926e5750ce6