Open Bug 1487015 Opened 6 years ago Updated 2 years ago

Animation containers cleaner view - last timeline values can be hidden or shifted to left

Categories

(DevTools :: Inspector: Animations, enhancement, P3)

enhancement

Tracking

(firefox-esr52 affected, firefox-esr60 affected, firefox61 affected, firefox62 affected, firefox63 affected)

Tracking Status
firefox-esr52 --- affected
firefox-esr60 --- affected
firefox61 --- affected
firefox62 --- affected
firefox63 --- affected

People

(Reporter: cfogel, Unassigned)

References

Details

Attachments

(1 file)

Attached image 1.png
[Affected versions]:
- 63.0a1 (2018-08-09), 62.0b20, 61.0.1, 52.8esr 

[Affected platforms]:
- win10x64, macOS10.9, Ubuntu 16.04LTS

[Steps to reproduce]:
1. Launch Firefox;
2. Access the link bellow the steps;
3. Open DevTools - Inspector - Animations Tab;
4. Click on the <ball short> class to see its animation info;
(page refresh may be needed)


https://rawgit.com/dadaa/3b73f847427025b51ba1ab7333013d0c/raw/77f3f0bb884875a179c3407f73bf8a8dd54751c9/doc_simple_animation.html

[Enhancement]:
- last value in Timeline can be hidden or shifted to the left side of the last line;
- Animation Graph and Timeline_values content could have padding/margin as CSS Animation Graph content.


[Actual result]:
- Edge Timeline values are truncated 
 
[Additional notes]:
- selecting the <body> class helps observe the issue better, the timeline values get truncated as well;
- result would be a cleaner UI;
- based on the fix from 1482036
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: