Skip to content

Settings: Make form controls consistent in shapes and alignment #50704

@octref

Description

@octref

#50496

Currently we have the sharp-cornered input boxes and round cornered <select>s

Would be better to apply a border-radius: 5px to match, or remove all rounded corners.

slice


Another issue is the checkboxes look really out of the place.
chrome://flags made all yes/no into <select> so everything look clean & consistent.
You can say it's one more click, however by making all controls the same <select>, Chrome is able to use the filled select box as an indication for "modified".

image

An alternative approach, still from Chrome, is to have all form controls right-aligned.

image

Metadata

Metadata

Assignees

Labels

*out-of-scopePosted issue is not in scope of VS CodebugIssue identified by VS Code Team member as probable bugsettings-editorVS Code settings editor issuesuxUser experience issues

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions