Closed Bug 1573089 Opened 5 years ago Closed 5 years ago

Use mono-spaces fonts in Debugger's Scopes

Categories

(DevTools :: Debugger, enhancement, P3)

enhancement

Tracking

(firefox70 fixed)

RESOLVED FIXED
Firefox 70
Tracking Status
firefox70 --- fixed

People

(Reporter: Harald, Assigned: shellyc23)

References

(Blocks 1 open bug)

Details

(Keywords: good-first-bug)

Attachments

(3 files)

Attached image with monospace

Scopes panel is showing color-coded variables and values. Using monospace would make it look more consistent with other panels that preview variables and objects.

Others:

  • Chrome is using monospace as well for Scopes.
  • Inspector is using consistently using monospace for most display of CSS properties and values.

Attached a quick mockup that fixed both the font family and the left padding.

Attached image current

Should we also do the handle in the call stack?

The function names in Call stack are much less code-like, so maybe less important but worth a consideration. Florens brought a good points that functions can get a lot longer and serif saves important space there.

I would like to take a stab at this.

Go for it Krishnal :)

Added two CSS selectors to adjust the font-family and left padding in scopes.css.

Pushed by dwalsh@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/3bffba14e1ce
Use monospace fonts and decrease left padding in Debugger's Scopes r=davidwalsh
Status: NEW → RESOLVED
Closed: 5 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 70
Assignee: nobody → shellyc23
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: