--- a/wp/wp-admin/css/common-rtl.css Thu Sep 29 08:06:27 2022 +0200
+++ b/wp/wp-admin/css/common-rtl.css Fri Sep 05 18:40:08 2025 +0200
@@ -124,7 +124,6 @@
.ui-helper-hidden-accessible {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
- -webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
@@ -139,24 +138,32 @@
height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
}
+.screen-reader-text + .dashicons-external {
+ margin-top: -1px;
+ margin-right: 2px;
+}
+
.screen-reader-shortcut {
position: absolute;
top: -1000em;
-}
-
-.screen-reader-shortcut:focus {
right: 6px;
- top: -25px;
height: auto;
width: auto;
display: block;
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
+ /* Background and color set to prevent false positives in automated accessibility tests. */
background: #f0f0f1;
color: #2271b1;
z-index: 100000;
line-height: normal;
+}
+
+.screen-reader-shortcut:focus {
+ top: -25px;
+ /* Overrides a:focus in the admin. See ticket #56789. */
+ color: #2271b1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
text-decoration: none;
/* Only visible in Windows High Contrast mode */
@@ -189,7 +196,6 @@
.wp-editor-container,
.popular-tags,
.feature-filter,
-.imgedit-group,
.comment-ays {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
@@ -202,7 +208,6 @@
.widgets-holder-wrap,
.popular-tags,
.feature-filter,
-.imgedit-group,
.comment-ays {
background: #fff;
}
@@ -274,11 +279,9 @@
a:focus .plugin-icon,
.wp-person a:focus .gravatar {
color: #043959;
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
- /* Only visible in Windows High Contrast mode */
- outline: 1px solid transparent;
+ box-shadow: 0 0 0 2px #2271b1;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
#adminmenu a:focus {
@@ -553,6 +556,14 @@
margin-right: 0;
}
+.js-update-details-toggle .dashicons {
+ text-decoration: none;
+}
+
+.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
+ content: "\f142";
+}
+
.no-js .widefat thead .check-column input,
.no-js .widefat tfoot .check-column input {
display: none;
@@ -573,10 +584,6 @@
margin: 10px 2px 0 20px;
}
-.wrap.block-editor-no-js {
- padding-right: 20px;
-}
-
.wrap > h2:first-child, /* Back-compat for pre-4.4 */
.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
.postbox .inside h2, /* Back-compat for pre-4.4 */
@@ -615,20 +622,26 @@
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
.wrap .page-title-action:active {
- margin-right: 4px;
- padding: 4px 8px;
+ display: inline-block;
position: relative;
+ box-sizing: border-box;
+ cursor: pointer;
+ white-space: nowrap;
+ text-decoration: none;
+ text-shadow: none;
top: -3px;
- text-decoration: none;
+ margin-right: 4px;
border: 1px solid #2271b1;
- border-radius: 2px;
- text-shadow: none;
- font-weight: 600;
+ border-radius: 3px;
+ background: #f6f7f7;
font-size: 13px;
- line-height: normal; /* IE8-IE11 need this for buttons */
+ font-weight: 400;
+ line-height: 2.15384615;
color: #2271b1; /* use the standard color used for buttons */
- background: #f6f7f7;
- cursor: pointer;
+ padding: 0 10px;
+ min-height: 30px;
+ -webkit-appearance: none;
+
}
.wrap .wp-heading-inline + .page-title-action {
@@ -829,9 +842,9 @@
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
+ box-shadow: 0 0 0 2px #2271b1;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
.key-labels label {
@@ -950,6 +963,7 @@
padding: 6px 10px 8px;
}
+.word-wrap-break-word,
.misc-pub-filename {
word-wrap: break-word;
}
@@ -1076,11 +1090,12 @@
.wp-filter .search-form {
float: left;
- margin: 10px 0;
+ display: flex;
+ align-items: center;
+ column-gap: .5rem;
}
.wp-filter .search-form input[type="search"] {
- margin: 1px 0;
width: 280px;
max-width: 100%;
}
@@ -1103,9 +1118,9 @@
}
.wp-filter .search-form.search-plugins select,
-.wp-filter .search-form.search-plugins .wp-filter-search {
+.wp-filter .search-form.search-plugins .wp-filter-search,
+.no-js .wp-filter .search-form.search-plugins .button {
display: inline-block;
- margin-top: 10px;
vertical-align: top;
}
@@ -1346,6 +1361,11 @@
position: relative;
max-width: 100%;
}
+ .wp-filter .search-form {
+ margin: 11px 0;
+ flex-wrap: wrap;
+ row-gap: 10px;
+ }
}
@media only screen and (max-width: 782px) {
@@ -1444,10 +1464,9 @@
}
.notice-dismiss:focus {
- outline: none;
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
+ box-shadow: 0 0 0 2px #2271b1;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
.notice-success,
@@ -1484,6 +1503,22 @@
background-color: #f0f6fc;
}
+#plugin-information-footer .update-now:not(.button-disabled):before {
+ color: #d63638;
+ content: "\f463";
+ display: inline-block;
+ font: normal 20px/1 dashicons;
+ margin: -3px -2px 0 5px;
+ speak: never;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ vertical-align: middle;
+}
+
+#plugin-information-footer .notice {
+ margin-top: -5px;
+}
+
.update-message p:before,
.updating-message p:before,
.updated-message p:before,
@@ -1491,7 +1526,9 @@
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
-.button.installing:before {
+.button.installing:before,
+.button.activating-message:before,
+.button.activated-message:before {
display: inline-block;
font: normal 20px/1 'dashicons';
-webkit-font-smoothing: antialiased;
@@ -1528,7 +1565,8 @@
.updating-message p:before,
.import-php .updating-message:before,
.button.updating-message:before,
-.button.installing:before {
+.button.installing:before,
+.button.activating-message:before {
color: #d63638;
content: "\f463";
}
@@ -1538,6 +1576,7 @@
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
+.button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: rotation 2s infinite linear;
@@ -1548,6 +1587,7 @@
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before,
+ .button.activating-message:before,
.plugins .column-auto-updates .dashicons-update.spin,
.theme-overlay .theme-autoupdate .dashicons-update.spin {
animation: none;
@@ -1561,7 +1601,8 @@
/* Updated icon (check mark). */
.updated-message p:before,
.installed p:before,
-.button.updated-message:before {
+.button.updated-message:before,
+.button.activated-message:before {
color: #68de7c;
content: "\f147";
}
@@ -1575,6 +1616,9 @@
.wrap .notice p:before,
.import-php .updating-message:before {
margin-left: 6px;
+}
+
+.import-php .updating-message:before {
vertical-align: bottom;
}
@@ -1643,19 +1687,46 @@
.button.updating-message:before,
.button.updated-message:before,
.button.installed:before,
-.button.installing:before {
+.button.installing:before,
+.button.activated-message:before,
+.button.activating-message:before {
margin: 3px -2px 0 5px;
}
-.button-primary.updating-message:before {
+#plugin-information-footer .button {
+ padding: 0 14px;
+ line-height: 2.71428571; /* 38px */
+ font-size: 14px;
+ vertical-align: middle;
+ min-height: 40px;
+ margin-bottom: 4px;
+}
+
+#plugin-information-footer .button.installed:before,
+#plugin-information-footer .button.installing:before,
+#plugin-information-footer .button.updating-message:before,
+#plugin-information-footer .button.updated-message:before,
+#plugin-information-footer .button.activated-message:before,
+#plugin-information-footer .button.activating-message:before {
+ margin: 9px -2px 0 5px;
+}
+
+#plugin-information-footer .button.update-now.updating-message:before {
+ margin: -3px -2px 0 5px;
+}
+
+.button-primary.updating-message:before,
+.button-primary.activating-message:before {
color: #fff;
}
-.button-primary.updated-message:before {
+.button-primary.updated-message:before,
+.button-primary.activated-message:before {
color: #9ec2e6;
}
-.button.updated-message {
+.button.updated-message,
+.button.activated-message {
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
@@ -1745,8 +1816,10 @@
}
#screen-meta-links .show-settings:focus {
- border-color: #4f94d4;
- box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
+ border-color: #2271b1;
+ box-shadow: 0 0 0 1px #2271b1;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
#screen-meta-links .show-settings:active {
@@ -2084,8 +2157,8 @@
.postbox .handle-order-higher,
.postbox .handle-order-lower,
.postbox .handlediv {
- width: 36px;
- height: 36px;
+ width: 1.62rem;
+ height: 1.62rem;
margin: 0;
padding: 0;
border: 0;
@@ -3002,7 +3075,6 @@
}
@media print,
- (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
#TB_window.plugin-details-modal.thickbox-loading:before {
@@ -3027,11 +3099,17 @@
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
- color: #135e96;
outline: none;
box-shadow: none;
}
+.plugin-details-modal #TB_closeWindowButton:hover::after,
+.plugin-details-modal #TB_closeWindowButton:focus::after {
+ outline: 2px solid;
+ outline-offset: -4px;
+ border-radius: 4px;
+}
+
.plugin-details-modal .tb-close-icon {
display: none;
}
@@ -3122,11 +3200,10 @@
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
+ box-shadow: inset 0 0 0 2px #2271b1;
+ border-radius: 50%;
/* Only visible in Windows High Contrast mode */
- outline: 1px solid transparent;
+ outline: 2px solid transparent;
}
.postbox .handle-order-higher:focus .order-higher-indicator::before,
@@ -3151,7 +3228,6 @@
font-family: Consolas, Monaco, monospace;
font-size: 13px;
background: #f6f7f7;
- -o-tab-size: 4;
tab-size: 4;
}
@@ -3226,12 +3302,17 @@
[role="treeitem"] {
outline: 0;
}
+
+[role="treeitem"] a:focus,
[role="treeitem"] .folder-label.focus {
color: #043959;
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
-}
+ /* Reset default focus style. */
+ box-shadow: none;
+ /* Use an inset outline instead, so it's visible also over the current file item. */
+ outline: 2px solid #2271b1;
+ outline-offset: -2px;
+}
+
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
background-color: #f0f0f1;
@@ -3373,6 +3454,10 @@
text-decoration: none;
}
+#templateside li.current-file > a {
+ padding-bottom: 0;
+}
+
#templateside li:not(.howto) > a:first-of-type {
padding-top: 0;
}
@@ -3458,13 +3543,13 @@
.accordion-section-title:hover:after {
color: #1d2327;
/* Only visible in Windows High Contrast mode */
- outline: 1px solid transparent;
+ outline: 2px solid transparent;
}
.widget-top .widget-action:focus .toggle-indicator:before {
- box-shadow:
- 0 0 0 1px #4f94d4,
- 0 0 2px 1px rgba(79, 148, 212, 0.8);
+ box-shadow: 0 0 0 2px #2271b1;
+ /* Only visible in Windows High Contrast mode */
+ outline: 2px solid transparent;
}
.control-section .accordion-section-title:after,
@@ -3740,7 +3825,6 @@
* HiDPI Displays
*/
@media print,
- (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Back-compat for pre-3.8 */
div.star-holder,
@@ -4108,11 +4192,22 @@
border-bottom: 1px solid #c3c4c7;
}
- .wp-filter .search-form input[type="search"] {
+ .wp-filter .search-form.search-plugins label {
width: 100%;
}
}
+@media screen and (max-width: 480px) {
+ .metabox-prefs-container {
+ display: grid;
+ }
+
+ .metabox-prefs-container > * {
+ display: inline-block;
+ padding: 2px;
+ }
+}
+
@media screen and (max-width: 320px) {
/* Prevent default center alignment and larger font for the Right Now widget when
the network dashboard is viewed on a small mobile device. */