UBERF-9453: Fixed the size of avatars in the Office (#7978)

plugins/contact-resources/src/components/Avatar.svelte

@@ -57,6 +57,7 @@
   export let variant: 'circle' | 'roundedRect' | 'none' = 'roundedRect'
   export let borderColor: number | undefined = undefined
   export let showStatus: boolean = false
+  export let adaptiveName: boolean = false
 
   export function pulse (): void {
     avatarInst.pulse()
@@ -143,6 +144,7 @@
       {bColor}
       bind:element
       withStatus
+      {adaptiveName}
     />
     <div class="hulyAvatar-statusMarker {size}" class:online={isOnline} class:offline={!isOnline} />
   </div>
@@ -158,5 +160,6 @@
     {color}
     {bColor}
     bind:element
+    {adaptiveName}
   />
 {/if}

plugins/contact-resources/src/components/AvatarInstance.svelte

@@ -28,6 +28,7 @@
   export let bColor: string | undefined = undefined
   export let withStatus: boolean = false
   export let element: HTMLElement
+  export let adaptiveName: boolean = false
 
   export function pulse (): void {
     if (element === undefined) return
@@ -51,7 +52,7 @@
   $: hasImg = url != null && !imgError
 </script>
 
-{#if size === 'full' && !url && displayName && displayName !== ''}
+{#if (size === 'full' || adaptiveName) && !url && displayName && displayName !== ''}
   <div
     bind:this={element}
     class="hulyAvatar-container hulyAvatarSize-{size} {variant}"