diff options
Diffstat (limited to '')
-rw-r--r-- | wp-includes/css/media-views.css | 59 |
1 files changed, 15 insertions, 44 deletions
diff --git a/wp-includes/css/media-views.css b/wp-includes/css/media-views.css index 851646e..44bda26 100644 --- a/wp-includes/css/media-views.css +++ b/wp-includes/css/media-views.css @@ -382,6 +382,11 @@ margin: 0 0 10px; } +.attachment-details h2 { + display: grid; + grid-template-columns: auto 5em; +} + .media-sidebar .collection-settings .setting { margin: 1px 0; } @@ -1209,6 +1214,7 @@ display: flex; align-items: center; column-gap: .5rem; + margin: 11px 0; } .mode-grid .attachments-browser .media-toolbar-mode-select .media-toolbar-primary { @@ -1315,47 +1321,6 @@ outline: 2px dotted #c3c4c7; } -.load-more-wrapper { - clear: both; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: center; - padding: 1em 0; -} - -.load-more-wrapper .load-more-count { - min-width: 100%; - margin: 0 0 1em; - text-align: center; -} - -.load-more-wrapper .load-more { - margin: 0; -} - -/* Needs high specificity. */ -.media-frame .load-more-wrapper .load-more + .spinner { - float: none; - margin: 0 -30px 0 10px; -} - -/* Reset spinner margin when the button is hidden to avoid horizontal scrollbar. */ -.media-frame .load-more-wrapper .load-more.hidden + .spinner { - margin: 0; -} - -/* Force a new row within the flex container. */ -.load-more-wrapper::after { - content: ""; - min-width: 100%; - order: 1; -} - -.load-more-wrapper .load-more-jump { - margin: 0 0 0 12px; -} - /** * Progress Bar */ @@ -1763,6 +1728,12 @@ vertical-align: middle; } +.media-frame .media-sidebar .settings-save-status .spinner { + position: absolute; + right: 0; + top: 0; +} + .media-frame.mode-grid .spinner { margin: 0; float: none; @@ -1792,7 +1763,7 @@ } .attachment-details .settings-save-status { - float: right; + text-align: right; text-transform: none; font-weight: 400; } @@ -2517,7 +2488,6 @@ /* Visually hide the menu heading keeping it available to assistive technologies. */ .media-frame-menu-heading { clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; @@ -2802,7 +2772,8 @@ } .mode-grid .attachments-browser .media-toolbar-primary { - display: flex; + display: grid; + grid-template-columns: auto 1fr; } .mode-grid .attachments-browser .media-toolbar-primary input[type="search"] { |