Bug 224693 - Web Inspector: Graphics Tab: card with list of saved recordings needs visual adjustments
Summary: Web Inspector: Graphics Tab: card with list of saved recordings needs visual ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Local Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-04-16 14:38 PDT by BJ Burg
Modified: 2021-04-16 14:38 PDT (History)
3 users (show)

See Also:

Attachments
[SCREENSHOT] graphics recording card list (33.39 KB, image/png)
2021-04-16 14:38 PDT, BJ Burg 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description BJ Burg 2021-04-16 14:38:12 PDT 
STEPS TO REPRODUCE:

1. Create a canvas recording on acko.net
2. Navigate away from acko.net, go to the Graphics overview.

=> Saved Recordings card could use some visual attention

Summary of visual issues:

1. The heading does not match other heading font size & weight
2. The card is too tall, it should only overflow if its contents require it to.
3. Indentation is strange, I would have expected the icon to appear aligned under the heading.
4. The recording icon is black when Web Inspector is using dark theme.


A bigger issue, which I will file separately, is that there's no way to preview the recording without opening it. If we saved a screenshot of the last non-empty frame, it would be very helpful (either shown inline or in a hover popover).
Comment 1 Radar WebKit Bug Importer 2021-04-16 14:38:24 PDT 
<rdar://problem/76779036>
Comment 2 BJ Burg 2021-04-16 14:38:50 PDT 
Created attachment 426276 [details]
[SCREENSHOT] graphics recording card list