[wp-trac] [WordPress Trac] #44313: /wp-admin/css/forms.css problem when adding a <select> with 'restrict_manage_users'

[WordPress Trac]

#44313: /wp-admin/css/forms.css problem when adding a <select> with
'restrict_manage_users'
-----------------------------+------------------------------
 Reporter:  pbiron           |       Owner:  (none)
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:  Awaiting Review
Component:  Users            |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  has-screenshots  |     Focuses:  ui
-----------------------------+------------------------------

Comment (by pbiron):

 The problem is that `/wp-admin/css/forms.css` contains the following CSS
 rules:

 {{{#!css
 .tablenav .actions select {
     float: left;
     margin-right: 6px;
     max-width: 200px;
 }

 .tablenav #changeit, .tablenav #delete_all, .tablenav #clear-recent-list,
 .wp-filter #delete_all {
     margin-top: 1px;
 }
 }}}

 Notice that `<select>`'s are always floated left but the "Change" button
 is not.

 The simplest fix to get something like the
 `restrict_manage_users_expected.png` screen shot is to change the CSS rule
 for `.tablenav #changeit` to:

 {{{#!css
 .tablenav #changeit, .tablenav #delete_all, .tablenav #clear-recent-list,
 .wp-filter #delete_all {
     float: left;
     margin-right: 16px;
     margin-top: 1px;
 }
 }}}

 However, I think a more general solution would be to float
 ***everything*** in that `<div>` by  adding a CSS rule such as:

 {{{#!css
 .tablenav .actions * {
     float: left;
 }
 }}}

 but that may have unintended consequences on other admin screens.

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