Input.small for tables (new) - Githubissues

seb-oss / design-library

Design Library is a set of individual styles and components, that when combined make delightful, intuitive designs and shape a consistent SEB user experience.

http://designlibrary.sebgroup.com

14 stars 1 forks source link

Input.small for tables (new) #111

Closed TheresaHedlund closed 3 years ago

TheresaHedlund commented 4 years ago

Design decision 2020-03-18

What is this? A smaller size of input fields.

See all details here https://designlibrary.sebgroup.com/components/forms/input/#specification

Reason A smaller size of input fields that can be used inside tables and lists.

If this issue is not relevant to you, please comment and close it.

Thank you! :) /Ulrika

[x] Vanilla https://github.com/sebgroup/vanilla-pattern-library/issues/196
[x] Bootstrap https://github.com/sebgroup/bootstrap/issues/276
[ ] Angular https://github.com/sebgroup/ng-components/issues/130
[ ] AngularMaterial https://github.com/sebgroup/seb-angular-material/issues/94
[x] React https://github.com/sebgroup/react-components/issues/179
[x] Delorean https://github.sebank.se/delorean/portfolio-overview/issues/189

TheresaHedlund commented 4 years ago

Input field Height: 2rem Font-size: 1rem Padding left/right: 0.5rem Hidden label

Cell Same as regular table; Height on rows: 3rem (will increase when showing validation message/error) Padding top/bottom: 0.5rem or just center vertically