수평 로딩 슬라이더

좋아요. 4원색(quaternary color)을 변경하고 싶지 않으므로 오버라이드에 사용할 id/class를 알려줄 수 있을까요?

업데이트: 괜찮습니다. 찾았어요.

4개의 좋아요

이제 정말 잘 보입니다! 잘하셨습니다! :+1:

5개의 좋아요

가능합니다. 하지만 현재 단계에서는 여전히 실험적인 수준입니다.

혹시 다른 분도 필요할까 봐 공유합니다:

div.loading-indicator {
  background-color: red
}
17개의 좋아요

@david 깃허브에서와 100% 동일하게 애니메이션을 재현해 주실 수 있을까요? 먼저 전체 폭에 걸쳐 약간 더 어두운 바가 나타나고, 그다음 로딩 바가 채워지기 시작하며, 마지막으로 페이드아웃되는 순서로 진행되도록 해 주세요.

5개의 좋아요

네, 배경에 은은한 색감을 넣어볼 수 있습니다. 또한, 바 자체에는 ‘tertiary’ 색상이 더 적합하지 않을까 하는 생각도 듭니다.

16개의 좋아요

로딩 바가 활성화될 때 body 클래스를 추가할 수 있을까요? 그러면 다른 부분에도 그에 맞는 효과를 적용할 수 있을 것 같습니다.
NodeBB의 페이드아웃 효과를 참고하고 있습니다: https://community.nodebb.org/
body 클래스가 있다면 다음과 같은 방식으로 구현할 수 있을 것 같습니다:

body.loading {
    #main-outlet {
        transition: opacity 0.25s;
        opacity: 0;
    }
}
8개의 좋아요

유튜브가 정확히 같은 일을 하고 있어서 정말 마음에 들어요. 이건 실험적인 기능이지만, 코어에 반영되길 바랍니다. 회전하는 원형 로딩 표시가 좀 정적인 느낌이었거든요. 그래서 그걸 좀 개선해서 슬라이더 대신 그런 스타일로 바뀌면 꽤 좋아할 것 같아요.

5개의 좋아요

지금까지 정말 마음에 들어. 이런 디테일이 참 깔끔하네.

5개의 좋아요

배경을 추가해줘서 고마워! 훨씬 더 좋아졌고 동적인 느낌이 확 들어. 잘했어 @david

5개의 좋아요

이 토픽의 게시물(28번째 게시물 등)을 읽은 후, 토픽 제목을 클릭하여 토픽의 맨 위로 이동했는데, 그때에는 이 기능이 없었습니다.

8개의 좋아요

사소한 부분이지만, 디스코스 허브에서 사용하는 선의 두께가 훨씬 더 좋아 보입니다.

@pmusaraj 허브의 선은 픽셀 기준으로 얼마나 두꺼운가요?

11개의 좋아요

토픽 타이머를 사용하여 이동하면 슬라이더 대신 스피너가 표시됩니다.

8개의 좋아요

현재 2px입니다. 하지만 제 기억이 맞다면, DiscourseHub는 iOS 버그를 우회하기 위해 뷰포트의 상단 1px을 일부러 잘라냅니다. 그래서 DiscourseHub에서는 1px로 표시됩니다.

12개의 좋아요

알겠습니다. 지금 확인해 보면

DiscourseHub 3px
컴포넌트 로딩 + 허브 1px
컴포넌트 로딩 + 사파리 2px

모두 3px로 보이면 좋겠네요 :slight_smile:

참고로 허브가 허브 자체를 수정하도록 할 수 있습니다

13개의 좋아요

아, 이제 무슨 말씀인지 알겠습니다. 앱에 자체 로딩 슬라이더가 있네요. 네, 3px가 훨씬 좋아 보입니다 :+1:

@pmusaraj CSS에서 Discourse가 허브에서 실행 중인지 확인할 수 있는 방법이 있을까요? 아니면 앱에서 추가 CSS를 주입할 수 있을까요?

10개의 좋아요

음, 앱 클래스는 iPad에서만 추가하는 것 같습니다. JS에서는 isAppWebview() 유틸리티를 사용해 확인할 수 있습니다(아니면 모든 DiscourseHub 웹뷰에 body 클래스를 추가할 수도 있는데, 어쨌든 유용할 것입니다).

10개의 좋아요

개인적으로 스피너보다 훨씬 큰 개선이라고 느끼며, 이를 기본값으로 코어에 포함해야 한다고 생각합니다. :clap: 놀랍게도 스피너보다 훨씬 빠르게 느껴져요! @sam님과 @eviltrout님은 어떻게 생각하시나요? 이 상태로 좀 더 사용해보고 결정할 시간이 있습니다..

19개의 좋아요

네, 데스크톱과 모바일 모두에서 정말 마음에 듭니다. 해결해야 할 작은 버그들이 몇 있지만, 이 기능이 코어에 포함되어야 한다고 생각합니다.

14개의 좋아요

진행률 바가 왜 나타나는지 궁금했는데! 정말 좋아요, 잘했어요 @david :clap:

14개의 좋아요

정말 좋습니다! 다만 맥북 레티나 화면에서는 제 취향에 비해 너무 은은한 것 같아요. 3px보다 1px 정도만 보이는 것처럼 느껴져서 거의 눈에 띄지 않거든요.

4개의 좋아요