Skip to content

Views: inconsistent paddings across each view #276382

@bpasero

Description

@bpasero

Given we have the power of CSS at our disposal, every component is free to pick paddings, margins etc. for their purpose. When you then look at different views you notice how each view seems a bit different.

We have been trying hard to reduce UX inconsistencies and I would love if we could improve this one.

This is not a full list of things I noticed but a good start:

Explorer / Outline

Notice how the twisties are not pixel perfect aligned vertically:

Image

Explorer / Search

Notice how here also twistie is not pixel perfect aligned but also the distance from twistie to icon seems larger in search:

Image

Changes / Explorer

Similar to above but here also the indentation of elements is a lot different, notice how first level icons are not aligned:

Image Image

Variables / Explorer

The inconsistency drags on into debug land:

Image

Metadata

Metadata

Assignees

Labels

uxUser experience issues

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions