cfpb / design-manual

⚠️ THIS REPO IS DEPRECATED ⚠️ A set of design principles and standards for the Consumer Financial Protection Bureau.
https://cfpb.github.io/design-manual/
Creative Commons Zero v1.0 Universal
98 stars 71 forks source link

Bug: Form fields are cut off in DM #529

Closed nataliafitzgerald closed 7 years ago

nataliafitzgerald commented 7 years ago

Bug: Fields are cut off in DM

Form fields load correctly in the Capital Framework docs but are cut off in the Design Manual docs.

Fieldset legend image (mobile and desktop) Focus state styling is cut off.

screen shot 2017-09-25 at 12 40 13 pm

Large target area (mobile and desktop) Focus state styling is cut off.

screen shot 2017-09-25 at 12 41 56 pm

Dropdown (hover)- mobile

c315e484-9d64-11e7-9e92-1879f5272bc3-1

Text input field (hover) - mobile

c6687098-9d64-11e7-9ac4-fa26c3366be3

Checkbox (hover) - mobile

cad0c9c8-9d64-11e7-96a2-de80327917f6

Radio button (hover) - mobile

caefb1bc-9d64-11e7-851b-09ef4baef3c4

Field level error - mobile

ce862450-9d64-11e7-8aa1-be44bf11cb03