mirror of
https://github.com/bitwarden/browser.git
synced 2024-11-22 11:45:59 +01:00
fix: icon button style incompats (#3611)
This commit is contained in:
parent
5ffa3ccd20
commit
b5de573497
@ -72,7 +72,7 @@ const sizes: Record<IconButtonSize, string[]> = {
|
||||
|
||||
@Component({
|
||||
selector: "button[bitIconButton]",
|
||||
template: `<i class="bwi" [ngClass]="icon" aria-hidden="true"></i>`,
|
||||
template: `<i class="bwi" [ngClass]="iconClass" aria-hidden="true"></i>`,
|
||||
})
|
||||
export class BitIconButtonComponent {
|
||||
@Input("bitIconButton") icon: string;
|
||||
@ -106,10 +106,15 @@ export class BitIconButtonComponent {
|
||||
"before:tw-rounded-md",
|
||||
"before:tw-transition",
|
||||
"before:tw-ring",
|
||||
"before:tw-ring-transparent",
|
||||
"focus-visible:before:tw-ring-text-contrast",
|
||||
"focus-visible:tw-z-10",
|
||||
]
|
||||
.concat(styles[this.buttonType])
|
||||
.concat(sizes[this.size]);
|
||||
}
|
||||
|
||||
get iconClass() {
|
||||
return [this.icon, "!tw-m-0"];
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user