# Benutzernamen im Reacted popover anzeigen

**URL:** <https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485>\
**Category:** UX\
**Tags:** reactions\
**Created:** [10. September 2023 um 16:58 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485 "2023-09-10T16:58:57Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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 um 19:55 UTC](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485/4 "2023-09-10T19:55:41Z")

</div>

> [@\_diondiondion](#):
>
> Zumindest für mich besteht der Sinn des Popovers darin, eine schnelle Übersicht über die gegebenen Reaktionen zu erhalten. Ich möchte nicht auf die Karte jedes Benutzers klicken müssen, um seinen Namen herauszufinden.

Tatsächlich werden auf dem Desktop die Benutzer aufgelistet, wenn man mit der Maus über die Reaktion fährt.

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

* * *

Wenn das noch jemand möchte 🔽

 ![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
        }
      }
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/show-usernames-in-reacted-popover/278485)._