fix(contact-info-avatar): show avatar halo as required vue3 (#1062)

dialpad · Jul 14, 2023 · 53a882c · 53a882c
1 parent cd97518
commit 53a882c
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/recipes/list_items/contact_info/contact_info.vue b/recipes/list_items/contact_info/contact_info.vue
@@ -26,7 +26,10 @@
               :overlay-icon="avatar.icon"
               :overlay-text="avatar.text"
               overlay-class="d-mn4 d-ba d-baw4 d-bc-white d-box-unset"
-              :avatar-class="['d-ba d-baw4 d-bc-white d-bar-pill', { 'd-mln24': index > 0 }]"
+              :avatar-class="['d-baw4 d-bc-white d-bar-pill d-ba d-bc-transparent', {
+                'd-mln24': index > 0,
+                'd-bc-brand': !!avatar.halo,
+              }]"
             >
               <img
                 v-if="avatar.src"
@@ -206,7 +209,8 @@ export default {
      * `initials` - Initial letters to display in avatar (required if src is empty)<br>
      * `seed` - determines uniqueness of avatar background <br>
      * `text` - text that overlays the avatar (optional) <br>
-     * `icon` - icon that overlays the avatar (optional)
+     * `icon` - icon that overlays the avatar (optional) <br>
+     * `halo` - halo highlight around the avatar. boolean true/false
      */
     avatarList: {
       type: Array,