From aa5fc5457618304ae413956cc8239cd79b660862 Mon Sep 17 00:00:00 2001 From: Nicoleta Panaghiu Date: Tue, 10 Dec 2024 17:02:25 +0200 Subject: [PATCH] RED-9856: support a smaller avatar size. --- src/assets/styles/common-components.scss | 8 ++++++++ .../initials-avatar/initials-avatar.component.ts | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/assets/styles/common-components.scss b/src/assets/styles/common-components.scss index 0fb5ea4..dbfc204 100644 --- a/src/assets/styles/common-components.scss +++ b/src/assets/styles/common-components.scss @@ -22,6 +22,14 @@ font-size: var(--iqser-font-size); } + &.extra-small { + height: 16px; + width: 16px; + min-width: 16px; + font-size: 10px; + font-weight: lighter; + } + &.gray-dark { background-color: var(--iqser-user-avatar-1); color: var(--iqser-text); diff --git a/src/lib/users/components/initials-avatar/initials-avatar.component.ts b/src/lib/users/components/initials-avatar/initials-avatar.component.ts index 0730e88..24dfe68 100644 --- a/src/lib/users/components/initials-avatar/initials-avatar.component.ts +++ b/src/lib/users/components/initials-avatar/initials-avatar.component.ts @@ -23,7 +23,7 @@ export class InitialsAvatarComponent< readonly #translateService = inject(TranslateService); readonly #users = toSignal(this.#userService.all$); readonly color = input('lightgray'); - readonly size = input<'small' | 'large'>('small'); + readonly size = input<'small' | 'large' | 'extra-small'>('small'); readonly withName = input(false); readonly showYou = input(false); readonly tooltipPosition = input<'below' | 'above'>('above');