-
Task
-
Resolution: Released
-
Should have
-
3
-
Block: EN Form, Comments, Search
-
Sprint #150, Sprint #151, Sprint #152
-
jupiter
Tasks:
Apply new styles for form elements:
- Fields:
- field border sizes & colors (passive, hover, active, filled in, error)
- text font sizes & colors (passive, hover, active, filled in, error)
- update the style of the error message
- Checkboxes:
- element size
- checkbox border sizes & colors (passive, hover, selected)
- text font sizes & colors (passive, hover, selected)
- icon
- Radio buttons:
- element size
- border sizes & colors (passive, hover, selected)
- text font sizes & colors (passive, hover, selected)
Notice: Check Campaign themes if they are affected
Comments:
Make sure the new style is applied to :
- all forms (EN form block, Happy point, Comments, etc)
- in all 3 styles of the EN form block
- in all search inputs (navigation bar, Search page, and 404 page)
Make sure all the elements are readable by screen readers in all states and respect accessibility standards:
- For required fields with an asterisk, add into the code "(required)" to labels.
Design specs:
can be found via Inspector in the Design System or in Sketch Cloud
- relates to
-
PLANET-5707 Review the whole design of comments
- CLOSED
-
PLANET-5811 Create React Select component
- OPEN
-
PLANET-5512 Apply new forms labels UI
- CLOSED