mirror of
https://github.com/suitenumerique/docs.git
synced 2026-05-12 09:57:02 +02:00
(frontend) Focus
The elements focused with "Tab" are visible and consistent with the defined style.
This commit is contained in:
@@ -627,6 +627,9 @@ input:-webkit-autofill:focus {
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 3px solid #4D90FE;
|
||||
}
|
||||
|
||||
background-color: var(
|
||||
--c--components--button--primary-text--background--color-hover
|
||||
);
|
||||
border-radius: var(--c--components--button--border-radius--focus);
|
||||
box-shadow: 0 0 0 2px var(--c--theme--colors--primary-400)
|
||||
}
|
||||
@@ -81,9 +81,6 @@ export const LeftPanelTargetFilters = () => {
|
||||
&:hover {
|
||||
background-color: ${colors['greyscale-100']};
|
||||
}
|
||||
&:focus {
|
||||
outline: 2px solid #007aff;
|
||||
}
|
||||
`}
|
||||
>
|
||||
<Icon
|
||||
|
||||
Reference in New Issue
Block a user