bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-02 01:33:22 +00:00
Code Issues Releases Wiki Activity

add focus styles

Browse Source
This commit is contained in:
Bryan Cunningham
2025-11-07 12:17:07 -05:00
parent c404ee210b
commit ff47f70723
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
libs/components/src/button/button.component.ts
View File

@@ -18,6 +18,10 @@ import { SpinnerComponent } from "../spinner";
import { ariaDisableElement } from "../utils";
const focusRing = [
"focus:tw-ring-2",
"focus:tw-ring-offset-2",
"focus:tw-ring-primary-600",
"focus:tw-z-10",
"focus-visible:tw-ring-2",
"focus-visible:tw-ring-offset-2",
"focus-visible:tw-ring-primary-600",

8
libs/components/src/icon-button/icon-button.component.ts
View File

@@ -38,6 +38,7 @@ const focusRing = [
"before:tw-ring-2",
"before:tw-ring-transparent",
"focus-visible:tw-z-10",
"focus:tw-z-10",
];
const styles: Record<IconButtonType, string[]> = {
@@ -48,7 +49,12 @@ const styles: Record<IconButtonType, string[]> = {
"focus-visible:before:tw-ring-text-contrast",
...focusRing,
],
main: ["!tw-text-main", "focus-visible:before:tw-ring-primary-600", ...focusRing],
main: [
"!tw-text-main",
"focus-visible:before:tw-ring-primary-600",
"focus:before:tw-ring-primary-600",
...focusRing,
],
muted: [
"!tw-text-muted",
"tw-border-transparent",