WordPress.org
Get WordPress

Make WordPress Core

Changeset 49870 for trunk


Ignore:
Timestamp:
12/22/2020 04:51:55 PM (6 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
Fixes #52083.

Location:
trunk/src/wp-content/themes/twentytwentyone
Files:
4 edited

Legend:

Unmodified
Added
Removed

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

    r49864 r49870  
    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

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

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

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

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

  • trunk/src/wp-content/themes/twentytwentyone/style.css

    r49864 r49870  
    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.