Changeset 49871 for branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss

Timestamp:

12/22/2020 05:07:44 PM (5 years ago)

Author:

ryelle

Message:

Twenty Twenty-One: Set a maximum width on inputs.

Text inputs with a size attribute can end up longer than the screen width on small screens. A max-width of 100% keeps the inputs from breaking out of the container.

Props basscan, kjellr, poena, sabernhardt.
Merges [49870] to the 5.6 branch.
Fixes #52083.

Location:

branches/5.6

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss (modified) (1 diff)

branches/5.6/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/forms.scss

@@ -21 +21 @@
     // Gives a little more space for the outline offset.
     margin: 0 2px;
+    max-width: 100%;
 
     &:focus {