sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
* 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.
Fixes #48582.

git-svn-id: https://develop.svn.wordpress.org/trunk@46852 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2019-12-09 15:29:47 +00:00
parent 9b69d0f71d
commit cb9ed875b2
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/wp-admin/css/about.css
View File

@ -305,11 +305,25 @@
line-height: inherit; line-height: inherit;
} }
.about__section a, .about__section a {
color: #5f1b29;
text-decoration: underline;
}
.about__section a:hover, .about__section a:hover,
.about__section a:active, .about__section a:active,
.about__section a:focus { .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;
} }
.about__container ul { .about__container ul {
@ -427,7 +441,7 @@
grid-column: 2; grid-column: 2;
-ms-grid-row: 1; -ms-grid-row: 1;
grid-row: 1; grid-row: 1;
background-color: #5F1B29; background-color: #5f1b29;
background-color: var(--accent-2); background-color: var(--accent-2);
margin: 0; margin: 0;
padding: 32px; padding: 32px;