Make WordPress Core

Ticket #29339: 29339.diff

File 29339.diff, 4.1 KB (added by helen, 10 years ago)
  • src/wp-admin/css/media.css

     
    11451145}
    11461146
    11471147@media only screen and (max-width: 480px) {
     1148        .edit-attachment-frame .media-frame-title {
     1149                right: 110px;
     1150        }
     1151
     1152        .upload-php .media-modal-close,
     1153        .edit-attachment-frame .edit-media-header .left,
     1154        .edit-attachment-frame .edit-media-header .right {
     1155                width: 40px;
     1156                height: 40px;
     1157        }
     1158
     1159        .upload-php .media-modal-close .media-modal-icon {
     1160                margin: 9px 10px;
     1161        }
     1162
     1163        .edit-attachment-frame .edit-media-header .right:before,
     1164        .edit-attachment-frame .edit-media-header .left:before {
     1165                line-height: 40px !important;
     1166        }
     1167
     1168        .edit-attachment-frame .edit-media-header .left {
     1169                right: 82px;
     1170        }
     1171
     1172        .edit-attachment-frame .edit-media-header .right {
     1173                right: 41px;
     1174        }
     1175
     1176        .edit-attachment-frame .media-frame-content {
     1177                top: 40px;
     1178        }
     1179
    11481180        .edit-attachment-frame .attachment-media-view {
    11491181                float: none;
    1150                 max-height: 70%;
    11511182                height: auto;
    11521183                width: 100%;
    11531184        }
    11541185
    1155         .edit-attachment-frame .attachment-media-view.portrait {
    1156                 height: 70%;
    1157         }
    1158 
    11591186        .edit-attachment-frame .attachment-info {
    11601187                height: auto;
    11611188                width: 100%;
  • src/wp-includes/css/media-views.css

     
    21472147@media only screen and (max-width: 900px) {
    21482148
    21492149        /* Drop-down menu */
    2150         .media-frame .media-frame-title,
    2151         .media-frame .media-frame-router,
    2152         .media-frame .media-frame-content,
    2153         .media-frame .media-frame-toolbar {
     2150        .media-frame.show-menu .media-frame-title,
     2151        .media-frame.show-menu .media-frame-router,
     2152        .media-frame.show-menu .media-frame-content,
     2153        .media-frame.show-menu .media-frame-toolbar {
    21542154                left: 0;
    21552155        }
    21562156
    2157         .media-frame .media-frame-menu {
     2157        .media-frame.show-menu .media-frame-menu {
    21582158                position: static;
    21592159                width: 0;
    21602160        }
    21612161
    2162         .media-frame .media-menu {
     2162        .media-frame.show-menu .media-menu {
    21632163                width: auto;
    21642164                max-width: 80%;
    21652165                overflow: auto;
     
    21722172                border: 1px solid #ccc;
    21732173        }
    21742174
    2175         .media-frame .media-menu.visible {
     2175        .media-frame.show-menu .media-menu.visible {
    21762176                left: 0;
    21772177        }
    21782178
    2179         .media-frame .media-menu > a {
     2179        .media-frame.show-menu .media-menu > a {
    21802180                padding: 12px 16px;
    21812181                font-size: 16px;
    21822182        }
    21832183
    2184         .media-frame .media-menu > a.active {
     2184        .media-frame.show-menu .media-menu > a.active {
    21852185                display: none;
    21862186        }
    21872187
    2188         .media-frame .media-menu .separator {
     2188        .media-frame.show-menu .media-menu .separator {
    21892189                margin: 5px 10px;
    21902190        }
    21912191
    2192         .media-frame .media-frame-title {
     2192        .media-frame.show-menu .media-frame-title {
    21932193                left: 0;
    21942194                color: #21759b;
    21952195        }
    21962196
    2197         .media-frame .media-frame-title .dashicons {
     2197        .media-frame.show-menu .media-frame-title .dashicons {
    21982198                display: inline-block;
    21992199                line-height: 50px;
    22002200        }
    22012201
    2202         .media-frame .media-frame-title h1 {
     2202        .media-frame.show-menu .media-frame-title h1 {
    22032203                line-height: 3;
    22042204                font-size: 18px;
    22052205                float: left;
     
    24582458        .media-frame-content .media-toolbar .attachment-filters {
    24592459                max-width: 90px;
    24602460        }
     2461
     2462        .media-modal-close {
     2463                top: 5px;
     2464                right: 5px;
     2465        }
     2466
     2467        .media-modal .media-frame-title {
     2468                height: 40px;
     2469        }
     2470
     2471        .media-modal .media-frame-title h1,
     2472        .media-frame.show-menu .media-frame-title h1 {
     2473                font-size: 18px;
     2474                line-height: 40px;
     2475        }
     2476
     2477        .media-frame.show-menu .media-frame-title .dashicons {
     2478                line-height: 40px;
     2479        }
     2480
     2481        .media-frame-router,
     2482        .media-frame.show-menu .media-menu {
     2483                top: 40px;
     2484        }
     2485
     2486        .media-frame-content {
     2487                top: 74px;
     2488        }
     2489
     2490        .media-frame.hide-router .media-frame-content {
     2491                top: 40px;
     2492        }
    24612493}
    24622494
    24632495/**
  • src/wp-includes/js/media-views.js

     
    462462                                mode = this.get('menu'),
    463463                                view;
    464464
    465                         this.frame.$el.toggleClass( 'hide-menu', ! mode );
     465                        this.frame.$el.toggleClass( 'show-menu', mode ).toggleClass( 'hide-menu', ! mode );
    466466                        if ( ! mode ) {
    467467                                return;
    468468                        }