From 75fd994a5bed75a9a6ec45c3e8a558165cfefc17 Mon Sep 17 00:00:00 2001 From: Your name Date: Tue, 4 Feb 2025 16:27:46 +0100 Subject: [PATCH] (frontend) Focus The elements focused with "Tab" are visible and consistent with the defined style. --- .../apps/impress/src/cunningham/cunningham-style.css | 9 ++++++--- .../left-panel/components/LefPanelTargetFilters.tsx | 3 --- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/frontend/apps/impress/src/cunningham/cunningham-style.css b/src/frontend/apps/impress/src/cunningham/cunningham-style.css index c01ebff19..f617eb330 100644 --- a/src/frontend/apps/impress/src/cunningham/cunningham-style.css +++ b/src/frontend/apps/impress/src/cunningham/cunningham-style.css @@ -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) +} \ No newline at end of file diff --git a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx index 09b45fbde..0a6cde368 100644 --- a/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx +++ b/src/frontend/apps/impress/src/features/left-panel/components/LefPanelTargetFilters.tsx @@ -81,9 +81,6 @@ export const LeftPanelTargetFilters = () => { &:hover { background-color: ${colors['greyscale-100']}; } - &:focus { - outline: 2px solid #007aff; - } `} >