Closed Bug 1601073 Opened 5 years ago Closed 4 years ago

Debugger "Paused" banner polish: Move info icon from right side to left of text

Categories

(DevTools :: Debugger, enhancement)

enhancement
Not set
normal

Tracking

(firefox79 fixed)

RESOLVED FIXED
Firefox 79
Tracking Status
firefox79 --- fixed

People

(Reporter: victoria, Assigned: kyleknaggs)

Details

(Keywords: good-first-bug)

Attachments

(2 files)

Attached image image.png

When we display this icon by itself anywhere else, it acts as a button. Since in this case, it acts as visual decoration for the banner instead, we should move it to the left of the text.

For the space between the icon and text, use same the spacing as Console's icon/message spacing.

Re: vertical spacing: Icon should remain centered when the banner has multiple lines, as it currently does.

Hello! I've been looking at this bug for a little bit and I would be very happy to help out with it. I've developed a working solution for this enhancement and would be enthusiastic about submitting a patch to Phabricator at some point during the next couple of days.

I would like to claim this issue if that is possible.

Thank you Kyle, you are assigned. Feel free to ask in our Debugger channels if you need any help.

Assignee: nobody → kyleknaggs
Keywords: good-first-bug

Moved info icon from after text to before text.
Matched the spacing between the icon and text to the spacing between the icon and text in the Console.
Updated relevant WhyPaused snapshot tests.

Pushed by jlaster@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/d44e2877a9b3
Moved info icon from right side to left side of WhyPaused text r=jlast
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 79
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: