[wp-trac] [WordPress Trac] #52551: Twenty Twenty-One: Search box alignment

[WordPress Trac]

#52551: Twenty Twenty-One: Search box alignment
-------------------------------------+-------------------------------------
 Reporter:  vinita29                 |       Owner:  (none)
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Bundled Theme            |     Version:  trunk
 Severity:  minor                    |  Resolution:
 Keywords:  has-screenshots needs-   |     Focuses:  ui, css,
  testing                            |  administration
-------------------------------------+-------------------------------------

Comment (by poena):

 Hi!

 I think you are right that this margin can be safely removed from the
 search input field.

 This margin was added to the input elements to give room for the focus
 outline, but the search input field has a negative outline offset and the
 margin is not needed there.

 Twenty Twenty-One uses sass, the change needs to be made to the .scss
 file.

 The margin is added here:
 https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwentyone/assets/sass/04-elements/forms.scss#L21

 And I suggest adjusting it for the search input here:
 https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwentyone/assets/sass/04-elements/forms.scss#L41

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