Bug 277620

Summary: Web Inspector: Variables section of the color picker is narrow
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: inspector-bugzilla-changes, rcaliman, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: All   
OS: All   
URL: http://github.com/
See Also: https://bugs.webkit.org/show_bug.cgi?id=259120
Attachments:
Description Flags
current color picker none

Karl Dubost
Reported 2024-08-04 21:47:27 PDT
Created attachment 472059 [details] current color picker Steps to reproduce: 1. With STP 199 2. Go to https://github.com/webkit/webkit/ 3. Inspect the code 4. In the Elements Tab the second column lists the CSS properties 5. Click on one of the squares which defines colors 6. The color picker appears as a modal window 7. At the bottom of the color pickers, there is a section for variables which displays tiny squares for all the defined colors on the website Actual: This area is scrollable but can't be extended. It makes it hard to have a clear idea of all defined colors Expected: Have a way to make the modal window taller in order to see all colors. Or that could be another window with the names of the variables. Note: On a site like GitHub, there are more than 540+ colors variables defined.
Attachments
current color picker (92.79 KB, image/png)
2024-08-04 21:47 PDT, Karl Dubost 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2024-08-04 21:47:37 PDT
<rdar://problem/133192357>
Note You need to log in before you can comment on or make changes to this bug.