Make WordPress Core

Ticket #57949: 57949.1.diff

File 57949.1.diff, 1.8 KB (added by joedolson, 10 months ago)

Fix issues in media modal & intermediary breakpoint

  • src/wp-admin/css/media.css

     
    583583        margin-top: 0;
    584584}
    585585
     586.media-frame-content .media-search-input-label {
     587        margin: 0 .2em 0 0;
     588        vertical-align: baseline;
     589}
     590
     591.media-frame.mode-grid .media-search-input-label {
     592        position: static;
     593        margin: 0 .5em 0 0;
     594}
     595
    586596.attachments-browser .media-toolbar-secondary > .media-button {
    587597        margin-right: 10px;
    588598}
     
    13341344/**
    13351345 * Media queries for media grid.
    13361346 */
    1337 
    13381347@media only screen and (max-width: 1120px) {
    13391348        /* override for media-views.css */
    13401349        #wp-media-grid .wp-filter .attachment-filters {
     
    13421351        }
    13431352}
    13441353
     1354@media only screen and (max-width: 1000px) {
     1355        /* override for forms.css */
     1356        .wp-filter p.search-box {
     1357                float: none;
     1358                width: 100%;
     1359                margin-bottom: 20px;
     1360                display: flex;
     1361        }
     1362
     1363}
     1364
    13451365@media only screen and (max-width: 782px) {
    13461366        .media-frame.mode-select .attachments-browser.fixed .media-toolbar {
    13471367                top: 46px;
  • src/wp-includes/css/media-views.css

     
    281281        width: calc(48% - 12px);
    282282}
    283283
    284 .media-modal-content .attachments-browser .search {
    285         width: 100%;
    286 }
    287 
    288284/* higher specificity */
    289285.wp-core-ui .media-modal-icon {
    290286        background-image: url(../images/uploader-icons.png);
     
    924920        max-width: 100%;
    925921}
    926922
     923.media-modal .media-frame .media-search-input-label {
     924        position: absolute;
     925        left: 0;
     926        top: 10px;
     927        margin: 0;
     928        line-height: 1;
     929}
     930
    927931/**
    928932 * Attachments
    929933 */