bitwarden/jslib
1
0
Fork 0
mirror of https://github.com/bitwarden/jslib synced 2025-12-13 14:53:23 +00:00
Code Issues Releases Wiki Activity

Updated hover/focus states as requested

Browse Source
This commit is contained in:
Vincent Salucci
2022-05-31 13:33:34 -05:00
parent 709b7c7f5f
commit e1eabbfdd4
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/src/tabs/tab-item.component.ts
View File

@@ -28,15 +28,14 @@ export class TabItemComponent {
"tw-cursor-pointer", "tw-cursor-pointer",
"tw-box-border", // Necessary? - compounds final width/height of tab to include borders "tw-box-border", // Necessary? - compounds final width/height of tab to include borders
"tw-text-main", "tw-text-main",
"hover:tw-border-t-4", "hover:tw-underline",
"hover:tw-border-t-secondary-700", "focus:tw-underline",
"hover:tw-no-underline",
"focus:tw-border-t-secondary-700",
"focus:tw-outline-none", "focus:tw-outline-none",
"focus:tw-ring-2", "focus:tw-ring-2",
"focus:tw-ring-primary-700", "focus:tw-ring-primary-700",
"disabled:tw-bg-secondary-100", "disabled:tw-bg-secondary-100",
"disabled:tw-text-muted", "disabled:tw-text-muted",
"disabled:tw-no-underline",
"disabled:tw-border-t-transparent", "disabled:tw-border-t-transparent",
"disabled:tw-cursor-not-allowed", "disabled:tw-cursor-not-allowed",
].join(" "); ].join(" ");
@@ -49,6 +48,11 @@ export class TabItemComponent {
"tw-border-t-primary-500", "tw-border-t-primary-500",
"tw-border-b-transparent", "tw-border-b-transparent",
"tw-text-primary-500", "tw-text-primary-500",
"hover:tw-border-t-primary-700",
"hover:tw-text-primary-700",
"focus:tw-border-t-primary-700",
"focus:tw-text-primary-700",
"focus:tw-underline",
].join(" "); ].join(" ");
} }
} }

1
components/tailwind.config.base.js
View File

@@ -61,6 +61,7 @@ module.exports = {
primary: { primary: {
300: "var(--color-primary-300)", 300: "var(--color-primary-300)",
500: "var(--color-primary-500)", 500: "var(--color-primary-500)",
700: "var(--color-primary-700)",
}, },
}, },
ringOffsetColor: ({ theme }) => ({ ringOffsetColor: ({ theme }) => ({