WordPress.org
Get WordPress

Make WordPress Core

Changeset 49871 for branches/5.6


Ignore:
Timestamp:
12/22/2020 05:07:44 PM (4 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:
5 edited

Legend:

Unmodified
Added
Removed

  • branches/5.6

  • branches/5.6/src/wp-content/themes/twentytwentyone/assets/css/ie.css

    r49867 r49871  
    14761476    padding: 10px;
    14771477    margin: 0 2px;
     1478    max-width: 100%;
    14781479}
    14791480
    … …  
    14851486    padding: 10px;
    14861487    margin: 0 2px;
     1488    max-width: 100%;
    14871489}
    14881490
    … …  
    14941496    padding: 10px;
    14951497    margin: 0 2px;
     1498    max-width: 100%;
    14961499}
    14971500
    … …  
    15031506    padding: 10px;
    15041507    margin: 0 2px;
     1508    max-width: 100%;
    15051509}
    15061510
    … …  
    15121516    padding: 10px;
    15131517    margin: 0 2px;
     1518    max-width: 100%;
    15141519}
    15151520
    … …  
    15211526    padding: 10px;
    15221527    margin: 0 2px;
     1528    max-width: 100%;
    15231529}
    15241530
    … …  
    15301536    padding: 10px;
    15311537    margin: 0 2px;
     1538    max-width: 100%;
    15321539}
    15331540
    … …  
    15391546    padding: 10px;
    15401547    margin: 0 2px;
     1548    max-width: 100%;
    15411549}
    15421550
    … …  
    15481556    padding: 10px;
    15491557    margin: 0 2px;
     1558    max-width: 100%;
    15501559}
    15511560
    … …  
    15571566    padding: 10px;
    15581567    margin: 0 2px;
     1568    max-width: 100%;
    15591569}
    15601570
    … …  
    15661576    padding: 10px;
    15671577    margin: 0 2px;
     1578    max-width: 100%;
    15681579}
    15691580
    … …  
    15751586    padding: 10px;
    15761587    margin: 0 2px;
     1588    max-width: 100%;
    15771589}
    15781590
    … …  
    15841596    padding: 10px;
    15851597    margin: 0 2px;
     1598    max-width: 100%;
    15861599}
    15871600
    … …  
    15931606    padding: 10px;
    15941607    margin: 0 2px;
     1608    max-width: 100%;
    15951609}
    15961610
    … …  
    16021616    padding: 10px;
    16031617    margin: 0 2px;
     1618    max-width: 100%;
    16041619}
    16051620

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

    r49728 r49871  
    2121    // Gives a little more space for the outline offset.
    2222    margin: 0 2px;
     23    max-width: 100%;
    2324
    2425    &:focus {

  • branches/5.6/src/wp-content/themes/twentytwentyone/style-rtl.css

    r49867 r49871  
    12181218    padding: var(--form--spacing-unit);
    12191219    margin: 0 2px;
     1220    max-width: 100%;
    12201221}
    12211222

  • branches/5.6/src/wp-content/themes/twentytwentyone/style.css

    r49867 r49871  
    12261226    padding: var(--form--spacing-unit);
    12271227    margin: 0 2px;
     1228    max-width: 100%;
    12281229}
    12291230
Note: See TracChangeset for help on using the changeset viewer.