diff -r 48c4eec2b7e6 -r 8c2e4d02f4ef wp/wp-admin/css/common-rtl.css --- a/wp/wp-admin/css/common-rtl.css Fri Sep 05 18:40:08 2025 +0200 +++ b/wp/wp-admin/css/common-rtl.css Fri Sep 05 18:52:52 2025 +0200 @@ -123,7 +123,6 @@ .screen-reader-text span, .ui-helper-hidden-accessible { border: 0; - clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; @@ -917,6 +916,11 @@ border: none; } +.application-password-display .success { + color: #007017; + margin-right: 0.5rem; +} + /*------------------------------------------------------------------------------ 3.0 - Actions ------------------------------------------------------------------------------*/ @@ -1112,11 +1116,6 @@ align-items: center; } -.wp-filter .search-form.search-plugins { - /* This element is a flex item: the inherited float won't have any effect. */ - margin-top: 0; -} - .wp-filter .search-form.search-plugins select, .wp-filter .search-form.search-plugins .wp-filter-search, .no-js .wp-filter .search-form.search-plugins .button { @@ -1181,6 +1180,17 @@ overflow: hidden; } +.wp-filter .favorites-form .favorites-username { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 0.5rem; +} + +.wp-filter .favorites-form .favorites-username input { + margin: 0; +} + .show-filters .filter-drawer, .show-favorites-form .favorites-form { display: block; @@ -1289,11 +1299,13 @@ } .filtered-by .tags { - display: inline; + display: flex; + align-items: flex-start; + flex-wrap: wrap; + gap: 8px; } .filtered-by .tag { - margin: 0 5px; padding: 4px 8px; border: 1px solid #dcdcde; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); @@ -1308,7 +1320,10 @@ } .filters-applied .filtered-by { - display: block; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px; } .filters-applied .filter-drawer { @@ -1333,6 +1348,12 @@ float: none; } +@media only screen and (max-width: 1138px) { + .wp-filter .search-form { + margin: 11px 0; + } +} + @media only screen and (max-width: 1120px) { .filter-drawer { border-bottom: 1px solid #f0f0f1; @@ -2032,7 +2053,7 @@ ------------------------------------------------------------------------------*/ html.wp-toolbar { - padding-top: 32px; + padding-top: var(--wp-admin--admin-bar--height); box-sizing: border-box; -ms-overflow-style: scrollbar; /* See ticket #48545 */ } @@ -2411,8 +2432,59 @@ /* Back-compat for nav-menus screen */ .nav-menus-php .metabox-holder h3 { + padding: 0; +} + +.accordion-container h3.accordion-section-title { + padding: 0 !important; +} + +.accordion-section-title button.accordion-trigger, +.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger { + background: inherit; + color: #1d2327; + display: block; + position: relative; + text-align: right; + width: 100%; + outline: none; + border: 0; padding: 10px 14px 11px 10px; line-height: 1.5; + cursor: pointer; +} + +.accordion-section-title button.accordion-trigger:focus, +.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus { + box-shadow: 0 0 0 2px #2271b1; + outline: 2px solid transparent; +} + +.accordion-section-title span.dashicons.dashicons-arrow-down, +.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down { + position: absolute; + left: 10px; + right: auto; + color: #787c82; + border-radius: 50px; + top: 50%; + transform: translateY(-50%); +} + +.accordion-section-title:hover span.dashicons.dashicons-arrow-down, +.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down { + color: #1d2327; +} + +.accordion-section-title span.dashicons.dashicons-arrow-down::before, +.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before { + position: relative; + right: -1px; +} + +.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down, +.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down { + transform: rotate(-180deg) translate(0, 50%); } #templateside ul li a { @@ -3502,9 +3574,9 @@ /* @todo: can we use a common class for these? */ .nav-menus-php .item-edit:before, -.widget-top .widget-action .toggle-indicator:before, -.control-section .accordion-section-title:after, -.accordion-section-title:after { +.wp-customizer .control-section .accordion-section-title:after, +.wp-customizer .accordion-section-title:after, +.widget-top .widget-action .toggle-indicator:before { content: "\f140"; font: normal 20px/1 dashicons; speak: never; @@ -3522,8 +3594,7 @@ .handlediv, .postbox .handlediv.button-link, .item-edit, -.toggle-indicator, -.accordion-section-title:after { +.toggle-indicator { color: #787c82; } @@ -3539,8 +3610,7 @@ .postbox .handlediv.button-link:focus, .item-edit:hover, .item-edit:focus, -.sidebar-name:hover .toggle-indicator, -.accordion-section-title:hover:after { +.sidebar-name:hover .toggle-indicator { color: #1d2327; /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; @@ -3552,14 +3622,6 @@ outline: 2px solid transparent; } -.control-section .accordion-section-title:after, -.accordion-section-title:after { - float: left; - left: 20px; - top: -2px; -} - -.control-section.open .accordion-section-title:after, #customize-info.open .accordion-section-title:after, .nav-menus-php .menu-item-edit-active .item-edit:before, .widget.open .widget-top .widget-action .toggle-indicator:before, @@ -3604,7 +3666,6 @@ .accordion-section-title { margin: 0; - padding: 12px 15px 15px; position: relative; border-right: 1px solid #dcdcde; border-left: 1px solid #dcdcde; @@ -3841,13 +3902,17 @@ @media screen and (max-width: 782px) { html.wp-toolbar { - padding-top: 46px; + padding-top: var(--wp-admin--admin-bar--height); } .screen-reader-shortcut:focus { top: -39px; } + .block-editor-page .screen-reader-shortcut:focus { + top: 7px; + } + body { min-width: 240px; overflow-x: hidden; @@ -3949,6 +4014,10 @@ padding: 12px; } + .nav-menus-php .metabox-holder h3 { + padding: 0; + } + .postbox .handlediv { margin-top: 3px; }