gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: keyboard accessibility on curriculum map (#44786)

Browse Source
This commit is contained in:
Bruce B
2022-01-18 10:49:05 -08:00
committed by GitHub
parent 1f43e61e68
commit 4577b392f8
1 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/components/layouts/global.css
View File

@@ -307,13 +307,34 @@ fieldset[disabled] .btn-primary.focus {
margin-left: 5px; margin-left: 5px;
} }
.link-btn:hover, .link-btn:active {
.link-btn.btn-lg:hover svg { background-color: var(--quaternary-background);
}
.link-btn:focus,
.link-btn.btn-lg:focus svg {
fill: var(--quaternary-background); fill: var(--quaternary-background);
background-color: var(--secondary-color); background-color: var(--secondary-color);
border-color: var(--gray-45);
color: var(--secondary-background); color: var(--secondary-background);
} }
.link-btn:focus:not(:focus-visible),
.link-btn.btn-lg:focus:not(:focus-visible) svg {
background-color: var(--quaternary-background);
border-color: var(--secondary-color);
color: var(--secondary-color);
fill: var(--primary-color);
}
.link-btn:hover,
.link-btn.btn-lg:hover svg {
fill: var(--quaternary-background) !important;
background-color: var(--secondary-color) !important;
border-color: var(--secondary-color) !important;
color: var(--secondary-background) !important;
}
.link-btn.btn-lg svg, .link-btn.btn-lg svg,
.map-icon, .map-icon,
.cert-header-icon { .cert-header-icon {