Ticket #29339: 29339.diff
File 29339.diff, 4.1 KB (added by , 10 years ago) |
---|
-
src/wp-admin/css/media.css
1145 1145 } 1146 1146 1147 1147 @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 1148 1180 .edit-attachment-frame .attachment-media-view { 1149 1181 float: none; 1150 max-height: 70%;1151 1182 height: auto; 1152 1183 width: 100%; 1153 1184 } 1154 1185 1155 .edit-attachment-frame .attachment-media-view.portrait {1156 height: 70%;1157 }1158 1159 1186 .edit-attachment-frame .attachment-info { 1160 1187 height: auto; 1161 1188 width: 100%; -
src/wp-includes/css/media-views.css
2147 2147 @media only screen and (max-width: 900px) { 2148 2148 2149 2149 /* 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 { 2154 2154 left: 0; 2155 2155 } 2156 2156 2157 .media-frame .media-frame-menu {2157 .media-frame.show-menu .media-frame-menu { 2158 2158 position: static; 2159 2159 width: 0; 2160 2160 } 2161 2161 2162 .media-frame .media-menu {2162 .media-frame.show-menu .media-menu { 2163 2163 width: auto; 2164 2164 max-width: 80%; 2165 2165 overflow: auto; … … 2172 2172 border: 1px solid #ccc; 2173 2173 } 2174 2174 2175 .media-frame .media-menu.visible {2175 .media-frame.show-menu .media-menu.visible { 2176 2176 left: 0; 2177 2177 } 2178 2178 2179 .media-frame .media-menu > a {2179 .media-frame.show-menu .media-menu > a { 2180 2180 padding: 12px 16px; 2181 2181 font-size: 16px; 2182 2182 } 2183 2183 2184 .media-frame .media-menu > a.active {2184 .media-frame.show-menu .media-menu > a.active { 2185 2185 display: none; 2186 2186 } 2187 2187 2188 .media-frame .media-menu .separator {2188 .media-frame.show-menu .media-menu .separator { 2189 2189 margin: 5px 10px; 2190 2190 } 2191 2191 2192 .media-frame .media-frame-title {2192 .media-frame.show-menu .media-frame-title { 2193 2193 left: 0; 2194 2194 color: #21759b; 2195 2195 } 2196 2196 2197 .media-frame .media-frame-title .dashicons {2197 .media-frame.show-menu .media-frame-title .dashicons { 2198 2198 display: inline-block; 2199 2199 line-height: 50px; 2200 2200 } 2201 2201 2202 .media-frame .media-frame-title h1 {2202 .media-frame.show-menu .media-frame-title h1 { 2203 2203 line-height: 3; 2204 2204 font-size: 18px; 2205 2205 float: left; … … 2458 2458 .media-frame-content .media-toolbar .attachment-filters { 2459 2459 max-width: 90px; 2460 2460 } 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 } 2461 2493 } 2462 2494 2463 2495 /** -
src/wp-includes/js/media-views.js
462 462 mode = this.get('menu'), 463 463 view; 464 464 465 this.frame.$el.toggleClass( ' hide-menu', ! mode );465 this.frame.$el.toggleClass( 'show-menu', mode ).toggleClass( 'hide-menu', ! mode ); 466 466 if ( ! mode ) { 467 467 return; 468 468 }