# Gebruikersnamen weergeven in Reacted popover

**URL:** https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485
**Category:** UX
**Tags:** reactions
**Created:** [10 september 2023 om 16:58 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485 "2023-09-10T16:58:57Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![\_diondiondion](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/_diondiondion/32/200719_2.png) [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [10 september 2023 om 16:58 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/1 "2023-09-10T16:58:57Z")

</div>

Is there an option or plans for adding an option to show full user names instead of just avatars in the reaction detail popover?

Especially on mobile, it’s spectacularly useless unless you know all the avatars by heart, a super power I’ve never possessed in any community I’ve been part of.

IMO you also don’t need to be especially space efficient in that popover, as it’s only opened intentionally on click.

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [10 september 2023 om 17:57 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/2 "2023-09-10T17:57:36Z")

</div>

> [@\_diondiondion](#):
>
> Is there an option or plans for adding an option to show full user names instead of just avatars in the reaction detail popover?

I’d just like to note that clicking on the avatars in the reaction pop-up opens the full user card, which includes the full username. Does that fulfill your need here?

---

<div class="post-metadata">

### Author: ![\_diondiondion](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/_diondiondion/32/200719_2.png) [@\_diondiondion](https://meta.discourse.org/u/_diondiondion)
#### Post date: [10 september 2023 om 19:02 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/3 "2023-09-10T19:02:51Z")

</div>

> [@Firepup650](#):
>
> Does that fulfill your need here?

Thanks, but no. At least to me, the whole point of the popover is to get a quick overview of the reactions given. I don’t want to have to click into each user’s card to find out their name. Opening the card also feels fairly slow due to the extra loading time.

I have to admit that I forgot that the pre-reactions “fold out” UI to show who liked a post _also_ only showed avatars by default. I created [a plugin](https://github.com/diondiondion/discourse-likes-as-usernames) for my forum to change that, but forgot that I did, and thought that the changed design was the default! 🙈 So the whole thing looked more like a regression to me than it really was.

In any case, thanks for moving this to its own thread. It can remain as a plea to reconsider showing _only_ avatars in places where you really want to read names.

The poll results UI has a similar issue.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [10 september 2023 om 19:55 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/4 "2023-09-10T19:55:41Z")

</div>

> [@\_diondiondion](#):
>
> At least to me, the whole point of the popover is to get a quick overview of the reactions given. I don’t want to have to click into each user’s card to find out their name.

Actually on desktop when you hover the reaction it list the users.

![Sep-10-2023 21-26-13](https://global.discourse-cdn.com/meta/original/4X/b/b/0/bb0c1ff9903cd8f1d4ae10fa9b118140a334acda.gif)

* * *

If anyone else wants this 🔽

 ![Screenshot 2023-09-10 at 21.46.54](https://global.discourse-cdn.com/meta/original/4X/7/b/4/7b486494e0fd52513bd69a175e1815ee6112e818.png)

Common / CSS

```scss
.discourse-reactions-counter {
  .discourse-reactions-state-panel {
    &.is-expanded {
      max-width: 500px;
    }
    .discourse-reactions-state-panel-reaction {
      margin-left: 0 !important;
      .list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25em;
        .trigger-user-card {
          margin-left: 0;
          width: max-content;
          height: auto;
          color: var(--primary-high);
          position: relative;
          &:before {
            // Set the username from data-user-card attribute
            // and add a comma next to username
            content: attr(data-user-card) ",";
          }
          .avatar {
            opacity: 0;
            position: absolute;
          }
          &:last-child {
            &:before {
              // Remove the comma from the last username
              content: attr(data-user-card);
            }
          }
        }
        button.show-users {
          order: 1; // Order the arrow to the end of list
        }
      }
    }
  }
}

```

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [30 september 2023 om 02:05 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/5 "2023-09-30T02:05:16Z")

</div>

Awesome share Thank you!
