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

fix: icon button style incompats (#3611)

Browse Source
This commit is contained in:
Andreas Coroiu
2022-09-27 11:22:31 +02:00
committed by GitHub
parent 5ffa3ccd20
commit b5de573497
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
libs/components/src/icon-button/icon-button.component.ts
View File

@@ -72,7 +72,7 @@ const sizes: Record<IconButtonSize, string[]> = {
@Component({ @Component({
selector: "button[bitIconButton]", 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 { export class BitIconButtonComponent {
@Input("bitIconButton") icon: string; @Input("bitIconButton") icon: string;
@@ -106,10 +106,15 @@ export class BitIconButtonComponent {
"before:tw-rounded-md", "before:tw-rounded-md",
"before:tw-transition", "before:tw-transition",
"before:tw-ring", "before:tw-ring",
"before:tw-ring-transparent",
"focus-visible:before:tw-ring-text-contrast", "focus-visible:before:tw-ring-text-contrast",
"focus-visible:tw-z-10", "focus-visible:tw-z-10",
] ]
.concat(styles[this.buttonType]) .concat(styles[this.buttonType])
.concat(sizes[this.size]); .concat(sizes[this.size]);
} }
get iconClass() {
return [this.icon, "!tw-m-0"];
}
} }