bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-11 05:43:41 +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[] {
if (this.disabled) {
return ["!tw-text-muted", "hover:!tw-text-muted"];
return ["!tw-text-secondary-300", "hover:!tw-text-secondary-300"];
}
if (this.active) {
return ["!tw-text-primary-600", "hover:!tw-text-primary-700"];
@@ -60,7 +60,7 @@ export class TabListItemDirective implements FocusableOption {
"tw-px-4",
"tw-font-semibold",
"tw-transition",
"tw-rounded-t",
"tw-rounded-t-lg",
"tw-border-0",
"tw-border-x",
"tw-border-t-4",
@@ -71,12 +71,12 @@ export class TabListItemDirective implements FocusableOption {
"focus-visible:tw-z-10",
"focus-visible:tw-outline-none",
"focus-visible:tw-ring-2",
"focus-visible:tw-ring-primary-700",
"focus-visible:tw-ring-primary-600",
];
}
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[] {
@@ -87,6 +87,7 @@ export class TabListItemDirective implements FocusableOption {
"tw-border-b",
"tw-border-b-background",
"!tw-bg-background",
"hover:tw-no-underline",
"hover:tw-border-t-primary-700",
"focus-visible:tw-border-t-primary-700",
"focus-visible:!tw-text-primary-700",