토픽 미리보기 모달

네, Discourse에서 iPad를 모바일 기기로 간주하지 않기 때문이라고 생각해요. 감지 방식을 뷰포트 기반으로 변경했습니다. 한 번 더 시도해 볼 수 있을까요?

네, 태블릿은 정말 골치 아픈 부분이 많아요. 하지만 지금은 제스처가 전혀 작동하지 않고, 모달을 닫을 수 있는 유일한 방법이 X 버튼을 누르는 거예요.

개인적으로… 저한테도 충분히 괜찮은 수준이에요. 게다가 태블릿, 특히 iPad의 경우 전체 디바이스 중 차지하는 비중이 꽤 작거든요. 그래서 그런 디바이스에 맞춰서 너무 많은 시간을 들여 조정할 만큼의 실질적인 필요가 있는지에 대해서는 확신이 들지 않아요 — 설령 태블릿이 사실 모바일이면서 데스크톱 스타일의 디바이스라고 해도, 그건 크기 차이일 뿐이니까요.

1개의 좋아요

네, 명확히 하자면: 이 닫기 제스처는 모바일 모달에서만 활성화됩니다. 데스크톱 모달에는 전혀 영향을 미치지 않으며, 이전과 완전히 동일하게 작동합니다.

즉, 없음/그립/제스처 옵션은 모바일 크기 뷰포트에서의 동작만 변경합니다. 데스크톱 사용자는 여전히 기존과 동일한 모달 동작(X 버튼 또는 외부 클릭)을 사용합니다.

데스크톱 모달(스와이프 불가)

모바일 모달(스와이프 가능)

작은 후속 소식입니다 :blush:

모바일 기기에서 테스트해 주시는 분들이 몇 분 더 계셨으면 좋겠습니다. 감사합니다!

1개의 좋아요

iPhone 15+, 최신 iOS, 허브/PWA/Safari:

왼쪽에서 오른쪽으로 쓸어넘길 때 올바른 위치를 찾는 것이 꽤 어렵습니다. 하지만 이건 기기 자체에서 비롯된 문제라고 생각합니다. 왜냐하면 다른 앱/사이트에서도 간간이 같은 현상이 발생했기 때문입니다. 물론, 어디서부터 쓸어넘기느냐에 상관없이 작동하는 해결책도 있습니다.

다만 Discourse 자체는 뒤로 가기 제스처(스와이프)가 잘 작동합니다.

@Jagster님, 감사합니다. 확인 차 여쭤보는데, 토픽 미리보기 모달이 열려 있는 상태에서 뒤로 스와이프 제스처를 사용하면 모달이 닫히고 토픽 목록 화면에 머물러 있게 되나요, 아니면 이전 페이지로 이동하나요?

안드로이드 17 (AOSP)에서 백 제스처와 위/아래 스와이프가 정상 작동하는 것을 확인했습니다. :raised_fist:

작은 디테일 하나: 애니메이션이 약간 불안정하고 느립니다.

1개의 좋아요

테스트해 주셔서 감사합니다! :raising_hands:

애니메이션이 좀 거칠거나 느리다고 하셨는데, 상단으로 스와이프해서 닫는 애니메이션을 말씀하시는 건가요?

맞아요, 나머지는 정말 부드럽습니다! 보스의 창작물을 테스트할 수 있어 정말 기쁩니다.

1개의 좋아요

감사합니다, 수정했습니다! 다시 확인해 주세요. :slightly_smiling_face:

1개의 좋아요

다시 테스트해볼 날이 기다려져요. 너무 설레요 ㅋㅋ

2개의 좋아요

정말 잘됐네요, 감사합니다! 아래로 스와이프하고 뒤로 가는 제스처가 개선되어 지금은 아주 부드럽습니다.

솔직히 말씀드리면, 위로 스와이프는 이전과 비슷합니다. 사소한 부분이지만, 기기에 따라 차이가 있을 수 있고, 참고로 저는 Android 17을 사용 중입니다.

1개의 좋아요

아, 감사합니다! 위쪽 스와이프 닫기 동작에 대한 짧은 화면 녹화를 해 주시겠어요? 애니메이션이 어색하게 느껴지는 부분을 정확히 확인하고 싶습니다. 제 안드로이드 16 기기에서는 부드럽게 작동하거든요.

2개의 좋아요

모달이 열려 있는 상태에서 뒤로 스와이프를 하면 실제로 모달은 닫힙니다. 문제는 5번 정도 시도해야 성공한다는 점입니다. 즉, 모달이 열려 있을 때는 아무 반응이 없지만, 드디어 반응할 때는 기대한 대로 동작합니다.

1개의 좋아요

iOS 27의 Safari 브라우저 경험이 정말 훌륭합니다! 노고에 감사드립니다! :heart:

1개의 좋아요

이제 아이폰에서 문제가 무엇인지 깨달았습니다: 스와이프 백은 주제 제목 영역을 사용해야만 작동합니다.

테스트해 주셔서 감사합니다! :heart:

이 PR을 병합했습니다: FEATURE: Add configurable mobile modal dismiss gestures - Pull Request #7 - VaperinaDEV/discourse-topic-preview-modal - GitHub


모바일 닫기 제스처 설정 가능

이번 업데이트로 토픽 미리보기 모달에 설정 가능한 닫기 옵션을 추가했습니다:

  • 없음: 추가적인 닫기 제스처 없음
  • 그립: 모달 하단에 시각적 그립 표시
  • 제스처: 제스처로 모달을 닫을 수 있습니다:
    • 하단에 있을 때 위로 스와이프
    • 네이티브 모바일 뒤로 가기 제스처/버튼

모든 모드에서 아래로 스와이프하여 닫을 수 있습니다.


네이티브 뒤로 가기 동작은 모바일에서 특히 유용합니다: 기본 토픽 목록에서 벗어나는 대신, 뒤로 가기 동작이 모달을 닫고 사용자의 목록 내 위치를 유지합니다.

데스크톱 모달은 이러한 옵션의 영향을 받지 않습니다.


이 기능이 유용하셨다면, 지속적인 개발을 지원해 주세요. :heart:
> ./support --coffee

2개의 좋아요

또한, 주제 미리보기 모달에 선택적인 햅틱 피드백을 추가했습니다: FEATURE: Add haptic feedback to modal open and close - Pull Request #8 - VaperinaDEV/discourse-topic-preview-modal - GitHub

활성화되면, 지원되는 Android 기기는 다음과 같은 피드백을 제공합니다:

  • 모달을 열 때 은은한 햅틱 피드백
  • 모달을 닫을 때 약간 더 강한 피드백

피드백은 새로운 햅틱 피드백(modal_haptic_feedback) 설정으로 활성화하거나 비활성화할 수 있습니다.

기본값은 활성화되어 있습니다.

햅틱 지속 시간은 열기와 닫기를 구분할 수 있도록 의도적으로 다르게 설정되었습니다.

1개의 좋아요

안녕하세요 :waving_hand:

누락된 기능을 하나 추가했습니다: FEATURE: Add topic progress bar (timeline) - Pull Request #9 - VaperinaDEV/discourse-topic-preview-modal - GitHub

또한, 게시물로 점프할 때 스켈레톤 로더를 추가했습니다: DEV: Enhance post jump handling with jumpingToPost state · VaperinaDEV/discourse-topic-preview-modal@44f6d3a · GitHub

> ./support --coffee :heart:

2개의 좋아요

답글(중첩 보기)을 작성할 때 오류가 발생하며, 주제가 다시 로드되려 하지만 멈춰 있습니다