들여쓰기 하위 카테고리

:information_source: 요약 사이드바에서 하위 카테고리를 자동으로 들여쓰기합니다
:eyeglasses: 미리보기 https://discourse.theme-creator.io/theme/Lilly/discourse-indented-subcategories
:hammer_and_wrench: 저장소 https://github.com/Lillinator/indented-subcategories
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법

이 테마 컴포넌트 설치

:information_source: 개요

이 간단한 테마 컴포넌트는 사이드바의 모든 하위 카테고리를 자동으로 들여쓰기합니다 - 데스크톱, 태블릿, 모바일 뷰포트 크기 모두에서 작동합니다.

인덴트 크기를 변경할 수 있는 설정이 하나 있습니다 - 기본값은 1em이며, 최소값은 0.5em, 최대값은 3em입니다.

설정:

사이드바의 결과 예시 스크린샷:


:bulb: 참고 사항

이 테마 컴포넌트는 단일 레벨 하위 카테고리를 위해 설계되었습니다. 포럼에 하위-하위 카테고리(sub-subcategories)가 활성화되어 있다면, 이 컴포넌트는 깨지거나 최소한 사이드바에서 매우 좋지 않은 모습을 보일 가능성이 높습니다.

이 컴포넌트는 이제 비추천(deprecated) 상태인 Indented / Nested Sidebar Categories or Subcategories 을 대체합니다.


제 다른 Discourse 관련 자료 보기
22개의 좋아요

잘하셨네요! 상위 카테고리도 접거나 펼 수 있으면 좋겠어요. 가능한가요?

1개의 좋아요

아니요 - 죄송하지만 이 컴포넌트에 더 많은 옵션을 추가할 계획이 없습니다.

1개의 좋아요

릴리, 잘했어요 – 정말 단순하면서도 효과적입니다. 확실히 좋아졌네요!!

그리고 이에 대한 명확한 관리자 공지도 마음에 듭니다.

2개의 좋아요

모바일에서도 들여쓰기 옵션이 있으면 유용할 것 같습니다.

동의합니다 - 그리고 방금 지적해 주실 때까지는 그게 그렇지 않다는 걸 알아차리지 못했네요!

@Lilly, 이전 TC는 모바일에서 들여쓰기를 했나요?

2개의 좋아요

이 컴포넌트를 리팩토링했는데, 이제 모바일에서도 정상적으로 동작할 것입니다. 문제가 있으면 알려주세요. 원포스트를 수정했습니다.

6개의 좋아요

기능이 더 풍부한 컴포넌트(중첩 카테고리)를 비추천 상태로 전환하고, 컨트롤이 적은 이 컴포넌트를 사용하는 데에는 어떤 고찰이나 이유가 있었나요?
비추천 상태이지만 기존 컴포넌트를 계속 사용할 수 있을까요, 아니면 결국 깨지나요?

1개의 좋아요

완벽하게 작동해요 - 릴리, 정말 감사합니다! 이제 제 CSS 우회 방법을 제거할 수 있겠네요 :slight_smile:

1개의 좋아요

아하 - 세로 모드에서는 들여쓰기가 잘 되는데, 가로 모드에서는 안 되네요 (iPad 사용 중).

제 아이패드에서는 잘 작동하네요 :woman_shrugging:

아니면, 그 2열 사이드바 뷰를 표시하는 건가요?

아하 - 제발, 모바일에서 제 커스텀 CSS가 단열로 표시되도록 강제하고 있다는 걸 말하지 못한 걸 잊었네요. 세로 모드에서는 잘 작동합니다(데스크톱처럼 들여쓰기됨) 하지만 가로 모드에서는 그냥 평평한 목록으로 표시됩니다.

아이패드에서 가로 모드와 세로 모드 모두에서 이렇게 보입니다:

태블릿에서 파이어폭스 뷰가 2단 열 레이아웃일 때 가끔 이상하게 보이는 것 같습니다. 항상 1단 열 레이아웃을 사용하도록 강제하는 수정 사항을 배포했습니다.

2개의 좋아요

아 - 이제 저한테도 잘 작동하네요, 죄송합니다! 기기를 회전하면 화면이 ‘평평하게’ 보이는 것 같은데, 새로고침을 하면 자동으로 정상으로 돌아옵니다. 확인해 주셔서 감사합니다!!

1개의 좋아요