Update form and form template styles in CDS codebase

Chicago / design-cds-bootstrap

The Chicago Design System as a Bootstrap 4 theme

https://chicago.github.io/design-cds-bootstrap/

MIT License

8 stars 2 forks source link

Update form and form template styles in CDS codebase #17

Closed abby-lammers closed 4 years ago

abby-lammers commented 4 years ago

See Figma: https://www.figma.com/file/g9vsh5gXm99OgZR4OGiOIm/Chicago-Design-System-Component-Library-sticker-sheet?node-id=0%3A1

jdkunesh commented 4 years ago

Review field length and field design best practices and update the Figma file with the new styles.

alaeder16 commented 4 years ago

Some of the recommendations from best practices:

-Present Fields in a Single Column Layout.

Match the sizes of your form controls to the Bootstrap grid column sizes
Match Fields to the Size of the Input
Place Labels Above the Corresponding Input Fields

alaeder16 commented 4 years ago

add tooltips

jdkunesh commented 4 years ago

Add tool tips to this document @alaeder16, please, and the preview as well.

alaeder16 commented 4 years ago

what is preview?

jdkunesh commented 4 years ago

derp, I have no clue. @mario-duran, when you have tooltips in the codebase that map to @alaeder16's work, please close this card. I could not find evidence of it in the demo site.