A11Y: Fix post control and user-menu focus styles (#13118)
This commit is contained in:
parent
7c29ff3d85
commit
567f9caf75
|
@ -284,12 +284,23 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:hover {
|
||||||
&:focus {
|
|
||||||
background-color: var(--highlight-medium);
|
background-color: var(--highlight-medium);
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-within {
|
||||||
|
background: var(--highlight-medium);
|
||||||
|
a {
|
||||||
|
// we don't need the link focus because we're styling the parent
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.btn-flat:focus {
|
||||||
|
// undo default btn-flat style
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0.25em;
|
margin: 0.25em;
|
||||||
|
|
|
@ -299,10 +299,9 @@
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
background: var(--primary-medium);
|
background: var(--primary-low);
|
||||||
color: var(--secondary);
|
|
||||||
.d-icon {
|
.d-icon {
|
||||||
color: var(--primary-low);
|
color: var(--primary);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue