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-686] updated hover states (#15463)

Browse Source
This commit is contained in:
Bryan Cunningham
2025-07-07 11:28:38 -04:00
committed by GitHub
parent b54c40ff00
commit a6ae7d23f7
6 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,9 +31,7 @@ const buttonStyles: Record<ButtonType, string[]> = {
"tw-bg-transparent",
"tw-border-primary-600",
"!tw-text-primary-600",
"hover:tw-bg-primary-600",
"hover:tw-border-primary-600",
"hover:!tw-text-contrast",
"hover:tw-bg-hover-default",
...focusRing,
],
danger: [

2
libs/components/src/item/item.component.ts
View File

@@ -18,7 +18,7 @@ import { ItemActionComponent } from "./item-action.component";
providers: [{ provide: A11yRowDirective, useExisting: ItemComponent }],
host: {
class:
"tw-block tw-box-border tw-overflow-hidden tw-flex tw-bg-background [&:has([data-item-main-content]_button:hover,[data-item-main-content]_a:hover)]:tw-cursor-pointer [&:has([data-item-main-content]_button:hover,[data-item-main-content]_a:hover)]:tw-bg-primary-100 tw-text-main tw-border-solid tw-border-b tw-border-0 [&:not(bit-layout_*)]:tw-rounded-lg bit-compact:[&:not(bit-layout_*)]:tw-rounded-none bit-compact:[&:not(bit-layout_*)]:last-of-type:tw-rounded-b-lg bit-compact:[&:not(bit-layout_*)]:first-of-type:tw-rounded-t-lg tw-min-h-9 tw-mb-1.5 bit-compact:tw-mb-0",
"tw-block tw-box-border tw-overflow-hidden tw-flex tw-bg-background [&:has([data-item-main-content]_button:hover,[data-item-main-content]_a:hover)]:tw-cursor-pointer [&:has([data-item-main-content]_button:hover,[data-item-main-content]_a:hover)]:tw-bg-hover-default tw-text-main tw-border-solid tw-border-b tw-border-0 [&:not(bit-layout_*)]:tw-rounded-lg bit-compact:[&:not(bit-layout_*)]:tw-rounded-none bit-compact:[&:not(bit-layout_*)]:last-of-type:tw-rounded-b-lg bit-compact:[&:not(bit-layout_*)]:first-of-type:tw-rounded-t-lg tw-min-h-9 tw-mb-1.5 bit-compact:tw-mb-0",
},
})
export class ItemComponent extends A11yRowDirective {

2
libs/components/src/menu/menu-item.directive.ts
View File

@@ -20,7 +20,7 @@ export class MenuItemDirective implements FocusableOption {
"tw-border-none",
"tw-bg-background",
"tw-text-left",
"hover:tw-bg-primary-100",
"hover:tw-bg-hover-default",
"focus-visible:tw-z-50",
"focus-visible:tw-outline-none",
"focus-visible:tw-ring-2",

2
libs/components/src/table/row.directive.ts
View File

@@ -25,7 +25,7 @@ export class RowDirective {
"tw-border-b",
"tw-border-secondary-300",
"tw-border-solid",
"hover:tw-bg-background-alt",
"hover:tw-bg-hover-default",
"last:tw-border-0",
this.alignmentClass,
];

2
libs/components/src/toggle-group/toggle.component.ts
View File

@@ -68,7 +68,7 @@ export class ToggleComponent<TValue> implements AfterContentChecked, AfterViewIn
"tw-border-r",
"tw-border-l-0",
"tw-cursor-pointer",
"hover:tw-bg-primary-100",
"hover:tw-bg-hover-default",
"group-first-of-type/toggle:tw-border-l",
"group-first-of-type/toggle:tw-rounded-s-full",