Thanks to visit codestin.com
Credit goes to core.trac.wordpress.org

Codestin Search App
Get WordPress

Make WordPress Core

Changeset 62480


Ignore:
Timestamp:
06/10/2026 12:37:02 AM (3 weeks ago)
Author:
joedolson
Message:

Media: Fix filter toolbar spinner alignment.

The spinner that appeared during filtering was positioned beneath the fields, causing a scrollbar in the filter wrapper container. While only visible during scrolling on MacOS, it was persistently visible on Windows.

Fixes the alignment of the toolbar to appear with predictable alignment to the select fields without generating a scrollbar.

Follow up to [61757].

Props luismulinari, yogeshbhutkar, dhruvang21, r1k0, sabernhardt, wildworks, audrasjb, joedolson.
Fixes #65275. See #23562.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-includes/css/media-views.css

    r62469 r62480  
    341341    float: left;
    342342    height: 100%;
     343    position: relative;
    343344    display: grid;
    344345    grid-template-columns: repeat( 2, 1fr );
    … …  
    364365    grid-area: 2 / 2 / 3 / 3;
    365366}
     367
     368.media-toolbar-secondary > .spinner {
     369    position: absolute;
     370    left: calc( 100% + 2px );
     371    top: 50%;
     372    margin: 0;
     373}
    366374
    367375.media-toolbar-primary > .media-button,
    … …  
    12871295
    12881296.attachments-browser .media-toolbar-primary {
    1289     max-width: 33%;
     1297    max-width: calc( 33% - 20px );
    12901298}
    12911299
    … …  
    18191827    float: none;
    18201828    vertical-align: middle;
    1821 }
    1822 
    1823 .media-modal .media-toolbar .spinner {
    1824     float: none;
    1825     vertical-align: bottom;
    1826     margin: 0 0 5px 5px;
    18271829}
    18281830
    … …  
    28362838    }
    28372839
     2840    .media-frame .media-toolbar-secondary .spinner {
     2841        top: calc( 50% - 8px );
     2842    }
     2843
    28382844    .media-modal .attachments-browser .media-toolbar .attachment-filters {
    28392845        height: auto;
    … …  
    28562862        line-height: 2.3755; /* 38px */
    28572863    }
    2858 
    2859     .media-modal .media-toolbar .spinner {
    2860         margin-bottom: 10px;
    2861     }
    28622864}
    28632865
    … …  
    28692871    .media-frame-toolbar .media-toolbar {
    28702872        bottom: -60px;
     2873    }
     2874
     2875    .media-frame .media-toolbar-secondary .spinner {
     2876        top: 0;
    28712877    }
    28722878
    … …  
    28952901        bottom: 0;
    28962902        margin: auto;
    2897         left: 0;
     2903        left: calc( 100% + 2px );
    28982904        right: 0;
    28992905        z-index: 9;
Note: See TracChangeset for help on using the changeset viewer.