전체 행 일괄 선택

:information_source: 요약 전체 주제 목록 항목 행을 선택 가능하게 만듭니다
:eyeglasses: 미리보기 Theme Creator
:hammer_and_wrench: 저장소 GitHub - VaperinaDEV/full-row-bulk-select: This theme component makes the full topic list item row selectable with click or tap. · GitHub
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법
:open_book: Discourse 테마가 처음이신가요? Discourse 테마 사용 입문 가이드

이 테마 컴포넌트 설치

안녕하세요 :wave:

이 테마 컴포넌트는 클릭 또는 탭으로 전체 주제 목록 항목 행을 선택할 수 있게 합니다. 주로 모바일에서 주제를 선택하는 것을 훨씬 쉽게 만들어 줍니다.

18개의 좋아요

공식적인 것, 즉 official 이어야 할 것 같은데?

8개의 좋아요

정말 좋은 함수네요! 큰 문제를 해결해 주셨어요!!! 감사합니다!! 공식 버전에도 이 플러그인이 포함되었으면 좋겠어요!!

2개의 좋아요

문제가 있습니다. iPad에서는 확실히 발생하고, 다른 기기는 확인해 보지 않았습니다.

5개 항목이 선택되어 있습니다. 이렇게 선택된 행을 표시하는 방식은 기이하며, 처음에는 이런 식이 아니었습니다. 전체 선택 후 스크롤을 시작하면 그 파란색이 점점 더 깊어지며 그라데이션이 생기고, 어느 시점에는 DiscourseHub가 충돌합니다(이 충돌은 DiscourseHub와 iPad 관련 별개의 문제일 수도 있습니다).

하지만 Topic List Previews 플러그인과 충돌이 있습니다.

모든 항목(즉, Discourse 용어로 30개)이 선택되어 있습니다. 텍스트에도 그렇게 나와 있지만 실제로는 하나만 선택되어 있습니다. 그리고 모든 선택을 해제해야 할 경우, 실제로는 선택이 하나만 해제되고 체크 표시가 한 단계 아래로 이동합니다.

이것이 실제 충돌인지, 아니면 Discourse에서 비롯된 것인지, 혹은 다른 원인인지는 여러분이 판단해 보세요. 하지만 그라데이션 파란색을 사용한 선택 기능은 작동하지 않습니다 :smirking_face:

1개의 좋아요

안녕하세요 :wave: 이 문제는 Safari에서 발생하는 것 같습니다. Safari는 position: relative;가 적용된 table 요소를 잘 지원하지 않거든요. CSS로 해결하기는 불가능할 것 같습니다. 대신 JavaScript로 수정했는데, topic-list-item의 높이를 계산해서 bulk-select 오버레이의 높이에 적용해야 했습니다.

리포트해 주셔서 감사합니다 :slight_smile:

2개의 좋아요

감사합니다! 이제 잘 작동합니다 [1]


  1. 토픽 목록 미리보기에서는 작동하지 않지만, 그 문제는 단순한 외관상의 문제일 뿐입니다 ↩︎

1개의 좋아요

이제 그런 것 같습니다.

1개의 좋아요