Changeset 46853

Timestamp:

12/09/2019 03:31:02 PM (5 years ago)

Author:

SergeyBiryukov

Message:

Help/About: Add a hover effect for links on About pages.

• Add a color that passes WCAG color contrast criteria to every link.
• Add an underline for links in credits list only on hover/focus.

Props audrasjb, ixkaito, mukesh27, melchoyce, SergeyBiryukov.
Merges [46852] to the 5.3 branch.
Fixes #48582.

Location:

branches/5.3

Files:

• . (modified) (1 prop)
• src/wp-admin/css/about.css (modified) (2 diffs)

branches/5.3/src/wp-admin/css/about.css

@@ -306 +306 @@
 }
 
-.about__section a,
+.about__section a {
+    color: #5f1b29;
+    text-decoration: underline;
+}
+
 .about__section a:hover,
 .about__section a:active,
 .about__section a:focus {
-    color: inherit;
+    text-decoration: none;
+}
+
+.wp-credits-list a {
+    text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+    text-decoration: underline;
 }
 
@@ -428 +442 @@
     -ms-grid-row: 1;
     grid-row: 1;
-    background-color: #5F1B29;
+    background-color: #5f1b29;
     background-color: var(--accent-2);
     margin: 0;