고정 아바타: 스크롤 시 게시물 아바타가 따라옴

:warning: 이것은 이제 Discourse에 포함된 공식 기능이며, 테마 컴포넌트 저장소는 아카이브 처리되었습니다. 삭제하지 않으면 오류가 발생할 수 있습니다 :warning:

어떤 이유로든 스티키 아바타를 비활성화하려면 현재 CSS를 사용한 우회 방법이 있습니다:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* 일부 경우 필요할 수 있음 */
  }
}
31개의 좋아요

안녕하세요, 모바일용 솔루션이 있으면 좋겠습니다.

데스크톱에서는 잘 작동하는 것 같고, 공간 문제 때문에 모바일에 그대로 적용하기는 어렵다는 점은 이해합니다. 하지만 메인 내비게이션 바로 아래에 작은 아바타 아이콘을 배치하는 건 어떨까요? (알아요, UX 측면에서는 좀 불편하죠)

3개의 좋아요

현재로서는 이 특정 데스크톱 동작이 모바일에서 좋은 트레이드오프가 아니라고 보고 있습니다.

2개의 좋아요

고정 아바타(Sticky avatars)가 이제 디스커스의 공식 기능이 되었습니다 :tada:

커밋을 확인해 보세요:

첫 번째 게시글(OP)을 수정하여 이 내용을 반영하겠습니다.

11개의 좋아요

좋아요, 그러면 이제 이 테마 컴포넌트를 제거해도 되나요? 감사합니다.

3개의 좋아요

아바타의 동작에 일관성이 없습니다. 짧은 게시글에서는 아래로 이동할 때 아바타가 고정되지 않지만, 위로 이동할 때는 고정됩니다. 아래 영상을 참고하세요.

개인적으로는 짧은 게시글에서도 아바타가 고정되는 방식을 선호합니다. 현재 '긴 게시글에만 적용’되는 방식이 다소 혼란스럽습니다. 이 동작을 활성화하기 위한 게시글의 최소 길이를 설정할 수 있는 옵션을 제공하면, 모든 사용자가 자신의 선호도에 맞게 조정할 수 있어 도움이 될 것 같습니다.

4개의 좋아요

네, 이는 의도된 동작입니다. 오랫동안 이 방식을 사용해 온 결과, 유용성과 시각적 노이즈 사이의 최적의 균형점이라고 판단했습니다. 짧은 게시물에서 아래로 스크롤할 때는 누가 게시했는지 이미 알고 있으므로, 위로 스크롤할 때 게시글 내용이 아바타보다 먼저 보이도록 하면 작은 게시물에서도 가치가 있다는 것이 핵심입니다.

잠시 더 이 상태로 사용해 주시기를 권합니다. 현재 이 기능을 위한 사이트 설정 추가 계획은 없습니다.

4개의 좋아요

네, 테마 컴포넌트를 제거해 주세요. 둘을 함께 사용하면 문제가 발생합니다.

OP를 업데이트하여 이를 명확히 했습니다. 감사합니다 :+1:

4개의 좋아요

지난 주말에 스스로 해결책을 찾기 위해 시간을 조금 들였는데, 알고 보니 처음부터 여기 있었습니다 :sweat_smile:

다만 제 포럼에서는 스크롤 관련 문제로 인해 top: unset을 추가해야 했습니다. 따라서 일부 사용자에게는 다음 코드가 도움이 될 수 있습니다:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset  !important;
  }
}
6개의 좋아요

감사합니다, OP를 방금 수정했어요 :slight_smile:

2개의 좋아요

이 주제는 29일 후 자동으로 닫혔습니다. 더 이상 새 답글을 작성할 수 없습니다.