리액션 상세 팝오버에서 아바타만 표시하는 대신 전체 사용자 이름을 표시할 수 있는 옵션을 추가할 계획이나 방법이 있을까요?
특히 모바일에서는 아바타를 모두 외우고 있지 않는 한(제가 참여한 커뮤니티에서 그런 초능력이 있었던 적은 없었습니다) 사실상 쓸모가 없습니다.
개인적으로 해당 팝오버는 클릭으로 의도적으로 열리기 때문에, 공간 효율성을 특별히 고려할 필요도 없다고 생각합니다.
리액션 상세 팝오버에서 아바타만 표시하는 대신 전체 사용자 이름을 표시할 수 있는 옵션을 추가할 계획이나 방법이 있을까요?
특히 모바일에서는 아바타를 모두 외우고 있지 않는 한(제가 참여한 커뮤니티에서 그런 초능력이 있었던 적은 없었습니다) 사실상 쓸모가 없습니다.
개인적으로 해당 팝오버는 클릭으로 의도적으로 열리기 때문에, 공간 효율성을 특별히 고려할 필요도 없다고 생각합니다.
리액션 팝업에서 아바타를 클릭하면 전체 사용자 이름이 포함된 전체 사용자 카드가 열립니다. 이것이 필요한 기능을 충족해 주시나요?
감사하지만, 아닙니다. 적어도 제게는 팝오버의 핵심 목적이 주어진 반응에 대한 빠른 개요를 얻는 것입니다. 각 사용자의 카드를 클릭해서 이름을 찾아야 하는 것은 원치 않습니다. 카드가 열릴 때 추가적인 로딩 시간 때문에 꽤 느리게 느껴지기도 합니다.
솔직히 말하자면, 사전 반응(pre-reactions)의 “펼치기(fold out)” UI가 게시글을 좋아한 사람을 표시할 때 또한 기본적으로 아바타만 표시한다는 사실을 잊고 있었습니다. 제 포럼에서 이를 변경하기 위해 플러그인을 만들었지만, 내가 그렇게 했다는 사실을 잊고 변경된 디자인이 기본값인 줄 알았습니다!
그래서 전체 상황이 실제로는 그렇지 않았음에도 제게는 더 회귀(regression)처럼 보였습니다.
어쨌든, 이 내용을 별도의 스레드로 옮겨 주셔서 감사합니다. 이는 정말로 이름을 읽어야 하는 곳에서 아바타만 표시하는 것을 재고해 보라는 요청으로 남아 있을 수 있습니다.
투표 결과 UI에도 비슷한 문제가 있습니다.
실제로 데스크톱에서 반응에 마우스를 올리면 사용자가 나열됩니다.

다른 분들도 이 기능을 원하신다면 ![]()
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 {
// data-user-card 속성에서 사용자명을 설정하고
// 사용자명 옆에 쉼표를 추가합니다
content: attr(data-user-card) ",";
}
.avatar {
opacity: 0;
position: absolute;
}
&:last-child {
&:before {
// 마지막 사용자명에서 쉼표를 제거합니다
content: attr(data-user-card);
}
}
}
button.show-users {
order: 1; // 화살표를 목록의 끝으로 정렬합니다
}
}
}
}
}
훌륭한 공유 감사합니다!