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

[CL-276] Update tab-list-item styles (#13063)

Browse Source
This commit is contained in:
Danielle Flinn
2025-01-26 17:57:07 -08:00
committed by GitHub
parent a04dd7a324
commit 664ff9a1d3
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
libs/components/src/tabs/shared/tab-list-item.directive.ts
View File

@@ -44,7 +44,7 @@ export class TabListItemDirective implements FocusableOption {
*/ */
get textColorClassList(): string[] { get textColorClassList(): string[] {
if (this.disabled) { if (this.disabled) {
return ["!tw-text-muted", "hover:!tw-text-muted"]; return ["!tw-text-secondary-300", "hover:!tw-text-secondary-300"];
} }
if (this.active) { if (this.active) {
return ["!tw-text-primary-600", "hover:!tw-text-primary-700"]; return ["!tw-text-primary-600", "hover:!tw-text-primary-700"];
@@ -60,7 +60,7 @@ export class TabListItemDirective implements FocusableOption {
"tw-px-4", "tw-px-4",
"tw-font-semibold", "tw-font-semibold",
"tw-transition", "tw-transition",
"tw-rounded-t", "tw-rounded-t-lg",
"tw-border-0", "tw-border-0",
"tw-border-x", "tw-border-x",
"tw-border-t-4", "tw-border-t-4",
@@ -71,12 +71,12 @@ export class TabListItemDirective implements FocusableOption {
"focus-visible:tw-z-10", "focus-visible:tw-z-10",
"focus-visible:tw-outline-none", "focus-visible:tw-outline-none",
"focus-visible:tw-ring-2", "focus-visible:tw-ring-2",
"focus-visible:tw-ring-primary-700", "focus-visible:tw-ring-primary-600",
]; ];
} }
get disabledClassList(): string[] { get disabledClassList(): string[] {
return ["!tw-bg-secondary-100", "!tw-no-underline", "tw-cursor-not-allowed"]; return ["!tw-no-underline", "tw-cursor-not-allowed"];
} }
get activeClassList(): string[] { get activeClassList(): string[] {
@@ -87,6 +87,7 @@ export class TabListItemDirective implements FocusableOption {
"tw-border-b", "tw-border-b",
"tw-border-b-background", "tw-border-b-background",
"!tw-bg-background", "!tw-bg-background",
"hover:tw-no-underline",
"hover:tw-border-t-primary-700", "hover:tw-border-t-primary-700",
"focus-visible:tw-border-t-primary-700", "focus-visible:tw-border-t-primary-700",
"focus-visible:!tw-text-primary-700", "focus-visible:!tw-text-primary-700",