«리더 모드» 테마 구성 요소 피드백

조던, 고마워 :slight_smile:

네 커밋 덕분에 이 부분을 제어하는 CSS를 쉽게 찾아낼 수 있었어. 완전한 컬러 모드와 아바타를 완전히 숨기는 모드 두 가지를 테스트해 보고, 몇몇 동료들과 논의한 결과 완전 숨김 모드로 결정했어.

아바타를 완전한 컬러로 표시하거나 완전히 숨기도록 변경하고 싶은 사람들을 위해, 다음 코드를 테마 컴포넌트로 추가하면 돼:

아바타 완전히 숨기기

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 0;
    transition: opacity 0.3s;
    filter: none;
  }
}

아바타 완전한 컬러로 표시

.reader-mode {
    .topic-avatar img,
    .topic-avatar .avatar-flair {
    opacity: 1;
    transition: opacity 0.3s;
    filter: none;
  }
}

설정 슬라이더에서 글꼴 크기가 유지되지 않음

동료 중 한 명이 글꼴 크기 설정에서 벗어나서 다시 돌아왔을 때 슬라이더 설정이 유지되지 않는다는 점을 발견했어.

큰 문제는 아니지만, 아직 확인되지 않았다면 참고할 가치가 있어.

p.s. 글꼴 스타일 드롭다운을 보여줬을 때 반응은 “와, 코믹 산스가 없네 :triumph:” 였어 :joy:

1개의 좋아요

아, 이 고급 옵션이 정말 멋지네요. 텍스트를 나이에 맞는 크기로 설정할 때 거기에 작은 하나를 발견했어요.

2개의 좋아요

아, 맞아요. 변경 시 여기서 상태를 저장해야 합니다. 이 부분을 업데이트하겠습니다 :+1:

1개의 좋아요

이번 주에 배포할 대규모 업데이트가 담긴 작업 중이 있는 브랜치가 있습니다.

  • 외관과 느낌을 변경하는 모든 코드를 @service로 추출했습니다.
  • 이제 해당 @service를 사용하여 토픽 간에 상태를 추적합니다.
  • 메뉴를 단순화했습니다.
  • 글꼴 옵션을 단순화했습니다.

아직 다듬어야 할 몇 가지 부분이 있지만, 동작하는 모습을 보여드립니다.

5개의 좋아요

정말 멋져요!

UI가 단순하고 깔끔해서 정말 아름답네요. :chefs_kiss:

3개의 좋아요

컴포넌트가 출시되었습니다 :smile:

모두의 피드백과 제안에 감사드립니다!

리더 모드 :eyeglasses:

5개의 좋아요