Make WordPress Core

Changeset 56026


Ignore:
Timestamp:
06/25/2023 09:11:51 PM (22 months ago)
Author:
joedolson
Message:

Administration: Fix visual regression in media search input.

Follow up to [r56023]. Improve handling of breakpoint between 782 and 1000px for media grid view & repair styles for media modal search input.

Props kebbet, joedolson.
Fixes #57949.

Location:
trunk/src
Files:
2 edited

Legend:

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

    r56023 r56026  
    582582.media-frame.mode-grid .search {
    583583    margin-top: 0;
     584}
     585
     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;
    584594}
    585595
     
    13351345 * Media queries for media grid.
    13361346 */
    1337 
    13381347@media only screen and (max-width: 1120px) {
    13391348    /* override for media-views.css */
     
    13411350        max-width: 100%;
    13421351    }
     1352}
     1353
     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
    13431363}
    13441364
  • trunk/src/wp-includes/css/media-views.css

    r56023 r56026  
    282282}
    283283
    284 .media-modal-content .attachments-browser .search {
    285     width: 100%;
    286 }
    287 
    288284/* higher specificity */
    289285.wp-core-ui .media-modal-icon {
     
    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
Note: See TracChangeset for help on using the changeset viewer.