Make WordPress Core

Changeset 55896


Ignore:
Timestamp:
06/08/2023 11:14:21 AM (17 months ago)
Author:
joedolson
Message:

Media: Fix CSS layout issues in Replace media dialog.

Make focus outline fully visible at all media query breakpoints, prevent the date filter from becoming hidden, and match the heading styles to other screens.

Props sabernhardt, hareesh-pillai, alvitazwar052.
Fixes #54395.

File:
1 edited

Legend:

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

    r54243 r55896  
    372372
    373373.media-sidebar h2,
    374 .image-details h2:not(.media-attachments-filter-heading) {
     374.image-details .media-embed h2 {
    375375    position: relative;
    376376    font-weight: 600;
     
    907907.media-frame select.attachment-filters:last-of-type {
    908908    margin-right: 0;
    909     width: auto;
    910     max-width: 100%;
    911909}
    912910
     
    26082606    .attachments-browser.has-load-more .attachments-wrapper {
    26092607        right: 262px;
     2608    }
     2609
     2610    .attachments-browser .media-toolbar {
     2611        height: 82px;
     2612    }
     2613
     2614    .attachments-browser .attachments,
     2615    .attachments-browser .uploader-inline,
     2616    .media-frame-content .attachments-browser .attachments-wrapper {
     2617        top: 82px;
    26102618    }
    26112619
     
    28202828
    28212829@media screen and (max-width: 782px) {
    2822     .attachments-browser .media-toolbar {
    2823         height: 82px;
    2824     }
    2825 
    2826     .attachments-browser .attachments,
    2827     .attachments-browser .uploader-inline {
    2828         top: 82px;
    2829     }
    2830 
    28312830    .media-frame-toolbar .media-toolbar {
    28322831        bottom: -54px;
     
    28792878    }
    28802879
    2881     .attachments-browser .attachments-wrapper {
    2882         padding-top: 12px;
    2883     }
    2884 
    28852880    .image-details .media-frame-title {
    28862881        display: block;
Note: See TracChangeset for help on using the changeset viewer.