Context
The padding and margins in the Details Dialog can be improved slightly to make the relationship between different elements visually clearer (Gestalt theory), and some of the font colors seem different from the design system tokens. @ElineWMDE, @thiemowmde and @lilients_WMDE agreed that UX will share the distances between the elements in pixels, and then ENG will implement paddings and margins that approximate those distances relative to each other (so does not have to be the same amount of pixels exactly).
Changes
- Distance in pixels between the elements in the design:
- The font line height in the designs is 22px:
- The text color of "Dem Feld hinzugefügter Inhalt wird hier angezeigt." should be the same as that of the input field placeholder text, color-placeholder
Current color in product is darker:
- The border-divider in the middle of the dialog now has the same color as the outside border of the dialog border-color-base, but the divider in the middle should have border-color-subtle as color:
Outcome
