유저 스트림 항목 템플릿 업데이트 필요

[Don]

안녕하세요,

해당 플러그인에서 user-stream-item 템플릿이 코어 변경 사항에 맞게 업데이트가 필요해 보입니다 (다른 플러그인도 마찬가지일 수 있습니다)…

Discourse Follow 플러그인
https://github.com/discourse/discourse-follow/blob/main/assets/javascripts/discourse/templates/components/follow-feed-post.hbs

Discourse Reactions 플러그인
https://github.com/discourse/discourse-reactions/blob/main/assets/javascripts/discourse/components/discourse-reactions-reaction-post.hbs

현재 모습

기대되는 모습

---

몇 달 전 코어의 user-stream-item 템플릿에 수정이 이루어졌으며, 요소 순서가 변경되고 몇 가지 새로운 클래스가 추가되었습니다.

A11Y: multiple fixes to user stream items (#18368)

---

감사합니다

[Don]

간단한 우회 방법이 필요하신 분을 위해, 이 요소들을 올바른 위치로 정렬하도록 CSS를 수정해 두었습니다.

Common > CSS

.user-stream {
  .item, 
  .user-stream-item {
    // 제외를 추가하는 것은 크게 중요하지 않지만,
    // 이렇게 하면 현재 코어 스타일에 이 항목들이 추가되지 않습니다.
    .info:not(.user-stream-item__header) {
      display: flex;
      align-items: flex-start;
      .stream-topic-details {
        order: 1;
        flex-grow: 1;
      }
      .expand-item,
      .collapse-item {
        order: 2;
      }
      .time {
        order: 3;
      }
    }
  }
}

[david (David Taylor)]

@Don님, 보고해 주셔서 감사합니다. reactions/follow 플러그인에서 원래 코어에서 HTML 구조를 복사/붙여넣기한 것 같아서, 두 플러그인 모두 구식 CSS에 의존하고 있었습니다.

두 플러그인 모두에서 코어의 <UserStreamItem> 컴포넌트를 재사용하면 더 깔끔하게 만들 수 있을 것 같습니다:

이로 인해 코어의 커스터마이징 기능이 약간 추가됩니다: DEV: Add `{{yield}}` to user-stream-item for plugins/themes - Pull Request #20791 - discourse/discourse - GitHub

reactions 수정: UX: Re-use UserStreamItem from core - Pull Request #217 - discourse/discourse-reactions - GitHub

follow 수정: UX: Re-use UserStreamItem from core - Pull Request #91 - discourse/discourse-follow - GitHub