[wp-trac] [WordPress Trac] #32490: New user: spacing could be increased about input field

[WordPress Trac]

#32490: New user: spacing could be increased about input field
--------------------------+------------------------------
 Reporter:  karmatosed    |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  Users         |     Version:  3.8
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  ui
--------------------------+------------------------------

Comment (by afercia):

 Noticed only the first required field has an `aria-
 required="true"`attribute. Maybe worth considering to add it to the other
 fields too.
 For the visual indicator, maybe we could try some simple CSS. Tried a very
 basic thing and got this:

 [[Image(https://cldup.com/WM8tyWkTZN.png)]]


 {{{
 .form-required label:after {
         content: '\f158';
         float: right;
         font: normal 20px/1 dashicons;
         color: #c00;
         vertical-align: middle;
         visibility: hidden;
 }

 .form-invalid label:after {
         visibility: visible;
 }
 }}}

 The position of the "X" could be tweaked a bit, it's just a basic try.

 For the text part, this is a basic JavaScript client side validation and
 maybe the tricky part would be about translatable string but probably
 something could be done along the lines of `wpAjax.invalidateForm` where
 we have a jQuery collection of the invalid fields.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/32490#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform