Closed Bug 1572692 Opened 5 years ago Closed 5 years ago

Properly crop results in the Search panel

Categories

(DevTools :: Netmonitor, defect, P3)

defect

Tracking

(firefox70 fixed)

RESOLVED FIXED
Firefox 70
Tracking Status
firefox70 --- fixed

People

(Reporter: Honza, Assigned: Honza)

References

(Blocks 2 open bugs)

Details

Attachments

(1 file)

Long search results should be properly cropped (using CSS) in the Search panel.
It should dynamically adapt to the actual size of the panel.

Honza

Depends on: 1454312
Priority: -- → P3

I experimented with this a bit and there is the way we should go:
https://gist.github.com/janodvarko/8e66da2cdefdac680a9b2a4af2c7fafa

Limit labels and values in search result tree

  • We should play with text-overflow: ellipsis;
  • It should use renderLabel callback for customization (instead of renderValue)
  • We should also use renderLabel to implement query string highlighting.

Honza

Assignee: nobody → odvarko
Status: NEW → ASSIGNED
Pushed by jodvarko@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/9f97c0934909
Properly crop results in the Search panel; r=nchevobbe
Status: ASSIGNED → RESOLVED
Closed: 5 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 70
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: