Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RED-9856: support a smaller avatar size.

Browse Source
This commit is contained in:
Nicoleta Panaghiu 2024-12-10 17:02:25 +02:00
parent a4e3ed8854
commit aa5fc54576
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/styles/common-components.scss
View File

@ -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);

2
src/lib/users/components/initials-avatar/initials-avatar.component.ts
View File

@ -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');