Powered by Discourse 배지에 대한 간단한 질문

지원
1

안녕하세요,

인스턴스를 가져왔을 때, 하단에 있는 Powered by Discourse 배지는 신경 쓰이지 않았습니다.

다만, 애니메이션(작은 무지개 모양)은 정말 멋져 보였어요!

그러던 어느 날, 그 애니메이션이 사라졌습니다.

혹시 이유가 있을까요? 제거된 건가요, 아니면 다른 문제가 있는 건가요?

감사합니다

2

안녕하세요, 로딩 애니메이션을 말씀하시는 건가요? 해당 애니메이션은 다음 링크에서 변경되었습니다:

3

아니요, 이 애니메이션으로 전환합니다:

image

4

이것이라고 생각해요

image

제 자체 호스팅 인스턴스에서는 잘 작동합니다

5

호버 시 무지개 스타일의 애니메이션이 있나요?

6

음, 재밌네. 이전에는 신경 쓰지 않았는데, Discourse에서 호스팅되는 무료 플랜 포럼에서 이제야 발견했어:
image

이게 네 커뮤니티에서만 일어나는 건가?

7

확인해 봐야겠지만, 많은 사이트에서는 배지가 표시되지 않습니다.

8

네, 애니메이션이 있습니다

9

설정에서 배지를 끄는 옵션이 있으므로, 모든 사이트에서 배지를 볼 수 없는 이유일 수 있습니다

10

그러니까 내 인스턴스에 문제가 있는 것 같네요?

그런데 왜 그런지는 잘 모르겠어요.

11

응, 알아

배지를 비활성화했다가 다시 활성화해도 해결되지 않았어

12

안전 모드에서도 발생하는가요? 또한 현재 인스턴스의 버전은 무엇인가요?

수정: 이 영역에 영향을 미칠 수 있는 최근 코드베이스 변경 사항은 보이지 않으므로, 먼저 안전 모드를 확인하는 것이 가장 좋습니다.

13

항상 발생함.

2026.6.0-latest

14

이 효과는 브라우저/OS에서 줄어든 모션(reduced motion)을 우선하도록 설정하지 않은 경우에만 적용됩니다:

Windows에서는 사용자들이 UI의 번거로운 애니메이션을 비활성화하는 경우가 많은데, 이 경우 해당 애니메이션도 함께 비활성화됩니다.

15

아니요, 그게 문제가 아닙니다.

다만 다른 브라우저를 사용할 때 배지 텍스트 색상이 다른 색으로 변합니다.

Arc에서는 그런 현상이 없습니다.

16

문제는 컴퓨터가 터치 기능을 가지고 있다고 인식하는 것입니다. 이로 인해 Discourse가 <body>에 touch와 touch-discourse 클래스를 추가합니다.

브라우저의 개발자 도구를 사용하여 이 클래스들을 no-touch와 no-touch-discourse로 교체하여 테스트해 보세요: 호버 시 무지개 효과가 작동해야 합니다.

이러한 이유로 대부분의 Discourse 호버 효과가 컴퓨터에서 나타나지 않을 가능성이 높습니다.

저도 같은 문제를 겪고 있으며, 왜 내 컴퓨터가 터치 기능을 가지고 있다고 생각하는지 이해하지 못하겠습니다. 아마도 터치 기능이 잘못 감지된 어떤 장치에 연결되어 있거나(혹은 과거에 연결되어 있었거나?) 때문일 것입니다. :person_shrugging:

수정: 만약 당신의 장치가 실제 터치 지원(터치 지원 노트북, 태블릿 등)을 갖추고 있다면, 이는 단순한 기능일 뿐 실제 문제가 아닙니다 :face_with_tongue:
터치 지원 장치에서 무지개 효과를 CSS로 다시 활성화할 수 있을 것으로 확신합니다.

17

내 노트북(또는 브라우저)이 터치패드로 인식하고 있습니다.

이것이 의도된 동작인가요?

18

세부 사항은 잘 모르겠어요. 브라우저는 OS를 통해 장치가 터치에 대응하는지 확인하고, Discourse는 그 결과에 따라 클래스를 적용하는 것 같습니다… 더 잘 아시는 분들에게 답변을 맡기겠습니다.

제 경우에는 추측컨대 터치 기능이 오쿨러스 퀘스트 소프트웨어에서 오는 것 같은데, 이를 삭제하거나 비활성화해서 테스트해 보지는 않았습니다. 어쩌면 마우스나 키보드에서 오는 것일 수도 있고,谁知道 :person_shrugging:

19

네, 애니메이션은 .discourse-no-touch 아래에서만 적용되므로, 노트북에 터치 기능이 있으면 작동하지 않습니다.

갑자기 사라진 이유는 정확히 단정할 수 없습니다. 기본적으로 포인터 중 하나라도 coarse[1]로 평가되면, 해당 클래스가 부여됩니다.

즉, 포인터 중 하나라도 coarse로 간주되면 해당 클래스가 부여되지 않고, 애니메이션이 표시됩니다.

따라서 다음과 같은 장치를 연결했을 수 있습니다.

  1. 그래픽 태블릿 / 드로잉 패드 (펜)

  2. 게임 컨트롤러

  3. 일부 프레젠터 리모컨, 키보드 내장 터치패드, …

  4. 데스크톱에 연결된 외부 터치스크린 모니터

  1. 저정밀도 포인터. 사용자가 작은 요소를 쉽게 지정할 수 없습니다. 대표적인 예로는 터치스크린의 손가락이 있습니다 — 손끝이 넓은 영역을 덮기 때문에 "coarse"로 간주됩니다. Wii 리모컨이나 Kinect와 같은 장치도 포함됩니다. ↩︎