Reacted ポップオーバーにユーザー名を表示

リアクション詳細ポップオーバーで、アバターだけでなくフルネームを表示するオプションはありますか、または追加する予定はありますか?

特にモバイルでは、コミュニティの全員のアバターを暗記していない限り、まったく役に立ちません。

IMOでは、クリックして意図的に開くポップオーバーなので、スペース効率を気にする必要はないと思います。

「いいね!」 1

リアクションポップアップのアバターをクリックすると、フルネームを含むフルユーザーカードが開くことを指摘しておきます。これでご要望は満たされますか?

「いいね!」 3

ありがとうございます。でも、そうではありません。少なくとも私にとっては、ポップオーバーの全体的な目的は、与えられたリアクションの概要を素早く把握することです。名前を見つけるために、個々のユーザーカードをクリックしたくありません。カードを開くのも、読み込み時間が余分にかかるため、かなり遅く感じます。

プリリアクションの「折りたたみ」UIで、誰が投稿を気に入ったかを示すものも、デフォルトではアバターしか表示されなかったことを認めざるを得ません。私はフォーラムのためにそれを変更するプラグインを作成しましたが、それを忘れてしまい、変更されたデザインがデフォルトだと思っていました! :see_no_evil: そのため、実際よりも後退のように見えました。

いずれにしても、これを独自のトピックに移動していただきありがとうございます。名前を読みたい場所でアバターのみを表示することを再検討する嘆願として、そのままにしておくことができます。

投票結果のUIにも同様の問題があります。

「いいね!」 2

実際、デスクトップでは、リアクションにカーソルを合わせるとユーザーが表示されます。

Sep-10-2023 21-26-13


もし他にこれを望む人がいれば :arrow_down_small:

Common / CSS

.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
        }
      }
    }
  }
}
「いいね!」 8

素晴らしい共有をありがとうございます!