1599407 - Fix scrolling at narrow widths in the Computed View

Status: RESOLVED FIXED

(DevTools :: Inspector, defect, P2)

Description

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

When resizing this to make it narrow, we hit its minimum size when the "Browser Styles" checkbox cannot fit anymore horizontally on the same line as the search field. So adding a scrollbar after that seems good too.

The problem is that when you do scroll, this also scrolls the toolbar (search field + checkbox). I think it might be better to only scroll the list of properties if they don't fit. 3 other improvements I can think of (which could be in a follow-up bug):

• Give the search field an event smaller min size so it can shrink even further
• Use an ellipsis for the "Browser Styles" label
• When things really don't fit anymore, drop the checkbox to a second line (below the search field)

Comment 1

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

Attachment: Bug 1599407 - Fix scrolling at narrow widths in the Computed View r=pbro!

Comment 2

[Mike Ratcliffe [:miker] [:mratcliffe] [:mikeratcliffe]]

https://treeherder.mozilla.org/#/jobs?repo=try&revision=44d7bba1d66a4227c28751da6c1990e2f2957010

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/0ff840899e59
Fix scrolling at narrow widths in the Computed View r=pbro

Comment 4

[Stefan Hindli [:stefan_hindli]]

https://hg.mozilla.org/mozilla-central/rev/0ff840899e59