Make WordPress Core

Changeset 40511


Ignore:
Timestamp:
04/21/2017 05:24:52 AM (7 years 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.