[wp-trac] [WordPress Trac] #57617: Correct bottom margin for language switcher button on smaller screens

[WordPress Trac]

#57617: Correct bottom margin for language switcher button on smaller screens
---------------------------------------+------------------------------
 Reporter:  sabernhardt                |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  Awaiting Review
Component:  Login and Registration     |     Version:  5.9
 Severity:  normal                     |  Resolution:
 Keywords:  has-patch has-screenshots  |     Focuses:  css
---------------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:   => has-patch has-screenshots


Comment:

 Options for smallest screens (up to 400 pixels wide):

 1. The patch corrects the class name to set the Change button below the
 `select`. I had added that in case the `select` is extra wide. "English
 (United States)" seems fine (at 100% zoom), but barely.
 2. Remove the special centering below 400px, as it would not wrap often
 and it has not worked in any releases yet anyway.
 3. Use flexbox with `gap` for all language switcher elements so it only
 centers when the language is too wide.
 {{{
 #language-switcher {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 5px;
 }
 }}}

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