Currently the Phone number field and the Extension number field on the phone paragraph type in Drupal both have a character limit of 12 but no indication of this. We should add the character counter both of these fields. The character counters should function as display the same as they currently do on the VBA Facility content type:
No border should be applied to the text field in any state (aside from existing focus border)
When the user gone over the character limit, change the styling of the X characters remaining to bold and red (--va-red-dark #CD2026)
Acceptance Criteria
[x] Character counter following design guidelines has been added to Phone number field
[x] Character counter following design guidelines has been added to Extension number field
[x] QA has been done on multiple instances of this field
Description
Currently the Phone number field and the Extension number field on the phone paragraph type in Drupal both have a character limit of 12 but no indication of this. We should add the character counter both of these fields. The character counters should function as display the same as they currently do on the VBA Facility content type:
X characters remaining
to bold and red (--va-red-dark #CD2026)Acceptance Criteria