RESOLVED FIXED 164708
Web Inspector: Settings tab should look more like a native macOS view
https://bugs.webkit.org/show_bug.cgi?id=164708
Summary Web Inspector: Settings tab should look more like a native macOS view
Nikita Vasilyev
Reported 2016-11-13 20:58:28 PST
Created attachment 294692 [details] [Image] Current Settings Tab and Safari Settings View on macOS Sierra General visual design fixes: 1. Vertically align text. 2. Make font size of text fields, number fields, and dropdown menus match the font size of its labels. macOS specific: 1. Use regular font-weight, not `font-weight: lighter`. 2. Increase spacing between section names and UI controls. 3. Make checkboxes larger. 4. Increase spacing between checkboxes and their label text. 5. Changed the background from white to light gray.
Attachments
[Image] Current Settings Tab and Safari Settings View on macOS Sierra (93.98 KB, image/png)
2016-11-13 20:58 PST, Nikita Vasilyev
no flags
Patch (3.67 KB, patch)
2016-11-13 22:47 PST, Nikita Vasilyev
no flags
[Image] Before/After (157.83 KB, image/png)
2016-11-13 22:48 PST, Nikita Vasilyev
no flags
Radar WebKit Bug Importer
Comment 1 2016-11-13 21:01:29 PST
Nikita Vasilyev
Comment 2 2016-11-13 22:47:49 PST
Nikita Vasilyev
Comment 3 2016-11-13 22:48:40 PST
Created attachment 294695 [details] [Image] Before/After
Nikita Vasilyev
Comment 4 2016-11-13 22:53:31 PST
Comment on attachment 294694 [details] Patch View in context: https://bugs.webkit.org/attachment.cgi?id=294694&action=review > Source/WebInspectorUI/UserInterface/Views/SettingsTabContentView.css:76 > + top: 0.5px; This works well on non-retina as well.
WebKit Commit Bot
Comment 5 2016-11-14 09:43:50 PST
Comment on attachment 294694 [details] Patch Clearing flags on attachment: 294694 Committed r208686: <http://trac.webkit.org/changeset/208686>
WebKit Commit Bot
Comment 6 2016-11-14 09:43:54 PST
All reviewed patches have been landed. Closing bug.
Note You need to log in before you can comment on or make changes to this bug.