[wp-trac] [WordPress Trac] #48222: "Show password" button overlaps with the LastPass icon

[WordPress Trac]

#48222: "Show password" button overlaps with the LastPass icon
-------------------------------------------------+-------------------------
 Reporter:  SergeyBiryukov                       |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  5.4
Component:  Login and Registration               |     Version:  5.3
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots dev-feedback has-    |     Focuses:  ui
  patch needs-testing needs-design needs-        |
  design-feedback                                |
-------------------------------------------------+-------------------------

Comment (by xkon):

 Usually any additional icons are added as a background image from
 extensions from what I've seen in general.

 In a similar way to one of @sabernhardt early patches and the later of
 @fahimmurshed , instead of moving the eye icon we can force any background
 image to a different position.

 As an example an addition like this to login.css would push the LastPass
 icon further on the left side instead.:
 {{{
 .login input[type="password"] {
         background-position: 85% !important;
 }
 }}}

 This is a simple solution imho that doesn't change the current input in
 any way and also avoids the confusion of the focused element not being in
 "full width".

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