Changeset 45117 for trunk/src/wp-admin/css/colors/_admin.scss

Timestamp:

04/05/2019 04:59:34 PM (6 years ago)

Author:

flixos90

Message:

Administration: Improve user experience and clarify when in recovery mode.

This changeset introduces several changes around usability when recovery mode is active:

• Display a notice in the admin clarifying that the user is in recovery mode.
• Use a highlight color for the admin bar link to exit recovery mode.
• Exit recovery mode automatically when logging out.
• Include a recovery mode indicator in the title tag.

Props aandrewdixon, azaozz, dhanukanuwan, flixos90, henrywright, karmatosed, mapk, melchoyce, spacedmonkey, TimothyBlynJacobs, tinkerbelly.
See #46608.

File:

• trunk/src/wp-admin/css/colors/_admin.scss (modified) (1 diff)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -349 +349 @@
 }
 
+/* Admin Bar: recovery mode */
+
+#wpadminbar #wp-admin-bar-recovery-mode {
+    color: $adminbar-recovery-exit-text;
+    background-color: $adminbar-recovery-exit-background;
+}
+
+#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
+#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
+    color: $adminbar-recovery-exit-text;
+}
+
+#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
+#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
+#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
+    color: $adminbar-recovery-exit-text;
+    background-color: $adminbar-recovery-exit-background-alt;
+}
+
 /* Admin Bar: my account */