From 9c7f6f232929e0b680f442ec7f035b797a5b7132 Mon Sep 17 00:00:00 2001 From: Valentin Mihai Date: Thu, 9 Jun 2022 13:53:11 +0300 Subject: [PATCH] RED-4169 - updated icon button to display bold text --- src/lib/buttons/icon-button/icon-button.component.html | 1 + src/lib/buttons/icon-button/icon-button.component.scss | 6 ++++++ src/lib/buttons/icon-button/icon-button.component.ts | 3 ++- 3 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/lib/buttons/icon-button/icon-button.component.html b/src/lib/buttons/icon-button/icon-button.component.html index cc09847..d3a892e 100644 --- a/src/lib/buttons/icon-button/icon-button.component.html +++ b/src/lib/buttons/icon-button/icon-button.component.html @@ -5,6 +5,7 @@ [class.primary]="type === iconButtonTypes.primary" [class.show-bg]="type === iconButtonTypes.dark" [class.help]="type === iconButtonTypes.help" + [class.bold-text]="boldText" [disabled]="disabled" mat-button type="button" diff --git a/src/lib/buttons/icon-button/icon-button.component.scss b/src/lib/buttons/icon-button/icon-button.component.scss index 056d65d..711500d 100644 --- a/src/lib/buttons/icon-button/icon-button.component.scss +++ b/src/lib/buttons/icon-button/icon-button.component.scss @@ -14,6 +14,12 @@ button { } } + &.bold-text { + span { + font-weight: bold; + } + } + mat-icon { width: 14px; } diff --git a/src/lib/buttons/icon-button/icon-button.component.ts b/src/lib/buttons/icon-button/icon-button.component.ts index d48c34c..7b0f010 100644 --- a/src/lib/buttons/icon-button/icon-button.component.ts +++ b/src/lib/buttons/icon-button/icon-button.component.ts @@ -16,10 +16,11 @@ export class IconButtonComponent { @Input() icon?: string; @Input() showDot = false; @Input() disabled = false; + @Input() boldText = false; @Input() type: IconButtonType = IconButtonTypes.default; @Output() readonly action = new EventEmitter(); - get buttonId (): String { + get buttonId(): string { return `${Math.random().toString(36).substring(2, 9)}-button`; } }