WordPress.org

Make WordPress Core

Changeset 40511


Ignore:
Timestamp:
04/21/17 05:24:52 (8 months ago)
Author:
westonruter
Message:

Customize: Increase width of controls pane on large monitors to give more room.

Props celloexpressions, timmydcrawford.
Fixes #32296.

Location:
trunk/src/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-controls.css

    r40395 r40511  
    11901190    margin-left: -12px; 
    11911191    width: 299px; 
     1192    width: -webkit-calc( 100% + 24px ); 
     1193    width: calc( 100% + 24px ); 
    11921194    margin-bottom: -12px; 
    11931195} 
     
    11951197@media screen and ( max-width: 640px ) { 
    11961198    .customize-section-description-container + #customize-control-custom_css:last-child { 
    1197         margin-left: 0; 
    11981199        margin-right: 0; 
    1199         width: 100%; 
    12001200    } 
    12011201    .customize-section-description-container + #customize-control-custom_css:last-child textarea { 
    12021202        height: -webkit-calc( 100vh - 140px ); 
    12031203        height: calc( 100vh - 140px ); 
    1204         width: 100%; 
    1205         border: solid 1px #ddd; 
    12061204    } 
    12071205} 
  • trunk/src/wp-admin/css/themes.css

    r40510 r40511  
    13331333    box-sizing: border-box; 
    13341334    position: fixed; 
    1335     width: 300px; 
     1335    min-width: 300px; 
     1336    max-width: 600px; 
     1337    width: 18%; 
    13361338    height: 100%; 
    13371339    top: 0; 
     
    13601362.wp-full-overlay.collapsed .wp-full-overlay-sidebar { 
    13611363    margin-left: -300px; 
     1364} 
     1365 
     1366@media screen and (min-width: 1667px) { 
     1367    .wp-full-overlay.expanded { 
     1368        margin-left: 18%; 
     1369    } 
     1370 
     1371    .wp-full-overlay.collapsed .wp-full-overlay-sidebar { 
     1372        margin-left: -18%; 
     1373    } 
     1374} 
     1375 
     1376@media screen and (min-width: 3333px) { 
     1377    .wp-full-overlay.expanded { 
     1378        margin-left: 600px; 
     1379    } 
     1380 
     1381    .wp-full-overlay.collapsed .wp-full-overlay-sidebar { 
     1382        margin-left: -600px; 
     1383    } 
    13621384} 
    13631385 
     
    16161638    bottom: 0; 
    16171639    left: 0; 
    1618     width: 299px; 
     1640    min-width: 299px; 
     1641    max-width: 599px; 
     1642    width: 18%; 
    16191643    height: 45px; 
    16201644    border-top: 1px solid #ddd; 
Note: See TracChangeset for help on using the changeset viewer.