Closed Bug 1569044 Opened 1 year ago Closed 1 year ago

Network: When toolbar is wrapped onto two rows, the second row should have a white background

Categories

(DevTools :: Netmonitor, enhancement, P3)

enhancement

Tracking

(firefox71 fixed)

RESOLVED FIXED
Firefox 71
Tracking Status
firefox71 --- fixed

People

(Reporter: victoria, Assigned: soniasingla.1812)

Details

(Keywords: good-first-bug)

Attachments

(2 files)

Attached image image.png

When DevTools is narrow, I noticed that Network's bottom toolbar (with the filter icons) has a light gray background. We should change that to a white background so that the filter button colors are more visible, and to provide more distinction between the toolbars and the rest of the UI.

Structure seems to be:

<span id="netmonitor-toolbar-container">
  <span class="devtools-toolbar devtools-input-toolbar">…</span>
  <span class="devtools-toolbar">…</span>
</span>

Using the devtools-input-toolbar on the second row seems to work well. That class has a couple extra styles on top of the background-color, but it doesn't seem to conflict.

Victoria, I would like to work on this :)

Thanks
Sonia

Great, thanks for the help.
Honza

Assignee: nobody → soniasingla.1812
Status: NEW → ASSIGNED

When toolbar is wrapped onto two rows, the second row to have white background, class devtools-input-toolbar is being added up
onto devtools-toolbar devtools-input-toolbar

Keywords: checkin-needed
Status: ASSIGNED → RESOLVED
Closed: 1 year ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 71
You need to log in before you can comment on or make changes to this bug.