diff -r be944660c56a -r 3d72ae0968f4 wp/wp-admin/css/list-tables-rtl.css --- a/wp/wp-admin/css/list-tables-rtl.css Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-admin/css/list-tables-rtl.css Tue Sep 27 16:37:53 2022 +0200 @@ -385,6 +385,23 @@ margin-bottom: 0.2em; } +/* Media Copy to clipboard row action */ +.media .row-actions .copy-to-clipboard-container { + display: inline; + position: relative; +} + +.media .row-actions .copy-to-clipboard-container .success { + position: absolute; + right: 50%; + transform: translate(50%, -100%); + background: #000; + color: #fff; + border-radius: 5px; + margin: 0; + padding: 2px 5px; +} + /* @todo: pick a consistent list table selector */ .wp-list-table a { transition: none; @@ -798,7 +815,7 @@ } .row-actions { - color: #dcdcde; + color: #a7aaad; font-size: 13px; padding: 2px 0 0; position: relative; @@ -842,16 +859,35 @@ /* Layout */ #wpbody-content .inline-edit-row fieldset { - font-size: 12px; float: right; margin: 0; - padding: 0; + padding: 0 0 0 12px; width: 100%; + box-sizing: border-box; +} + +#wpbody-content .inline-edit-row td fieldset:last-of-type { + padding-left: 0; } -tr.inline-edit-row td, -#wpbody-content .inline-edit-row fieldset .inline-edit-col { - padding: 0 0.5em; +tr.inline-edit-row td { + padding: 0; + /* Prevents the focus style on .inline-edit-wrapper from being cutted-off */ + position: relative; +} + +.inline-edit-wrapper { + display: flow-root; + padding: 0 12px; + border: 1px solid transparent; + border-radius: 4px; +} + +.inline-edit-wrapper:focus { + border-color: #2271b1; + box-shadow: 0 0 0 1px #2271b1; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; } #wpbody-content .quick-edit-row-post .inline-edit-col-left { @@ -872,7 +908,7 @@ #wpbody-content .quick-edit-row-page .inline-edit-col-right, #wpbody-content .bulk-edit-row-post .inline-edit-col-right { - width: 49%; + width: 50%; } #wpbody-content .bulk-edit-row .inline-edit-col-left { @@ -898,12 +934,26 @@ } .inline-edit-row .submit { + display: flex; + flex-wrap: wrap; + align-items: center; clear: both; - padding: 0.5em; - margin: 0.5em 0 0; + margin: 0; + padding: 0.5em 0 1em; +} + +.inline-edit-save.submit .button { + margin-left: 8px; +} + +.inline-edit-save .spinner { + float: none; + margin: 0; } .inline-edit-row .notice-error { + box-sizing: border-box; + min-width: 100%; margin-top: 1em; } @@ -917,15 +967,11 @@ /* Needs higher specificity for the padding */ #the-list .inline-edit-row .inline-edit-legend { margin: 0; - padding: 0.2em 0.5em 0; + padding: 0.2em 0; line-height: 2.5; font-weight: 600; } -#the-list #bulk-edit.inline-edit-row .inline-edit-legend { - padding: 0.2em 0.5em; -} - .inline-edit-row fieldset span.title, .inline-edit-row fieldset span.checkbox-title { margin: 0; @@ -1032,34 +1078,17 @@ width: 8em; } -ul.cat-checklist { - height: 12em; - border: solid 1px #dcdcde; - overflow-y: scroll; - padding: 0 5px; - margin: 0; - background-color: #fff; -} - -#bulk-titles { - display: block; - height: 12em; - border: 1px solid #dcdcde; - overflow-y: scroll; - padding: 0 5px; - margin: 0 0 5px; -} - +#bulk-titles-list, +#bulk-titles-list li, .inline-edit-row fieldset ul.cat-checklist li, .inline-edit-row fieldset ul.cat-checklist input { margin: 0; position: relative; /* RTL fix, #WP27629 */ } -.inline-edit-row fieldset ul.cat-checklist label, -.inline-edit-row #bulk-titles div { - font-style: normal; - font-size: 11px; +.inline-edit-row fieldset ul.cat-checklist input { + margin-top: -1px; + margin-right: 3px; } .inline-edit-row fieldset label input.inline-edit-menu-order-input { @@ -1079,27 +1108,48 @@ float: right; } -#bulk-titles { - line-height: 140%; +#bulk-titles, +ul.cat-checklist { + height: 14em; + border: 1px solid #ddd; + margin: 0 0 5px; + padding: 0.2em 5px; + overflow-y: scroll; } -#bulk-titles div { - margin: 0.2em 0.3em; + +#bulk-titles .ntdelbutton, +#bulk-titles .ntdeltitle, +.inline-edit-row fieldset ul.cat-checklist label { + display: inline-block; + margin: 0; + padding: 3px 0; + line-height: 20px; + vertical-align: top; } -#bulk-titles div a { - cursor: pointer; - display: block; - float: right; - height: 18px; - margin: 0 -2px 0 3px; - overflow: hidden; - position: relative; - width: 20px; +#bulk-titles .ntdelitem { + padding-right: 23px; +} + +#bulk-titles .ntdelbutton { + width: 26px; + height: 26px; + margin: 0 -26px 0 0; + text-align: center; + border-radius: 3px; } -#bulk-titles div a:before { - position: relative; - top: -3px; +#bulk-titles .ntdelbutton:before { + display: inline-block; + vertical-align: top; +} + +#bulk-titles .ntdelbutton:focus { + box-shadow: 0 0 0 2px #3582c4; + /* Only visible in Windows High Contrast mode */ + outline: 2px solid transparent; + /* Reset inherited offset from Gutenberg */ + outline-offset: 0; } /*------------------------------------------------------------------------------ @@ -1255,6 +1305,11 @@ padding: 0 0 5px; } +.plugins .row-actions { + white-space: normal; + min-width: 12em; +} + .plugins .update .second, .plugins .update .row-actions, .plugins .updated .second, @@ -1553,7 +1608,7 @@ } .plugin-card .notice { - margin: 20px 20px 0 20px; + margin: 20px 20px 0; } .plugin-icon { @@ -1644,7 +1699,7 @@ } .tablenav.top { - margin: 20px 0 5px 0; + margin: 20px 0 5px; } .tablenav.bottom { @@ -1910,6 +1965,20 @@ #wpbody-content .bulk-edit-row .inline-edit-col-bottom { float: none; width: 100%; + padding: 0; + } + + #the-list .inline-edit-row .inline-edit-legend, + .inline-edit-row span.title { + font-size: 16px; + } + + .inline-edit-row p.howto { + font-size: 14px; + } + + #wpbody-content .inline-edit-row-page .inline-edit-col-right { + margin-top: 0; } #wpbody-content .quick-edit-row fieldset .inline-edit-col label, @@ -1937,9 +2006,28 @@ padding: 3px 4px; } - .inline-edit-row fieldset ul.cat-checklist label, - .inline-edit-row #bulk-titles div { + #bulk-titles .ntdelbutton, + #bulk-titles .ntdeltitle, + .inline-edit-row fieldset ul.cat-checklist label { + padding: 6px 0; font-size: 16px; + line-height: 28px; + } + + #bulk-titles .ntdelitem { + padding-right: 37px; + } + + #bulk-titles .ntdelbutton { + width: 40px; + height: 40px; + margin: 0 -40px 0 0; + overflow: hidden; + } + + #bulk-titles .ntdelbutton:before { + font-size: 20px; + line-height: 28px; } .inline-edit-row fieldset label span.title, @@ -1947,10 +2035,6 @@ float: none; } - .inline-edit-row fieldset label.inline-edit-tags { - padding: 0 0.5em; - } - .inline-edit-row fieldset .inline-edit-col label.inline-edit-tags { padding: 0; } @@ -1980,14 +2064,6 @@ display: block; } - #bulk-titles div { - margin: 0.8em 0.3em; - } - - #bulk-titles div a { - height: 22px; - } - /* Updates */ #wpbody-content .updates-table .plugin-title { width: auto;