Category Dropdown in Mobile View

I was wondering if it would be plausible (whether through CSS or a component) to have a dropdown in the mobile view that is similar to that in desktop - meaning showing categories as opposed to Latest, Top, etc.


7개의 좋아요

I’m working on it, and have something almost finished, I just need to improve a part of our internal library to allow it. Should come rather soon.

15개의 좋아요

That’s awesome!! Thanks @j.jaffeux :smiley:

4개의 좋아요

FTR, it’s being worked on in this PR if you want to follow along

https://github.com/discourse/discourse/pull/7914

7개의 좋아요

이것이 실제로 구현되었나요?

아니요, 아직 여러 이유로 진행하지 않았습니다. 이중 중첩 카테고리 지원 작업을 진행했고, 드롭다운의 내부 구조를 대폭 재작성했습니다.

좋은 해결책을 찾으면 업데이트하겠습니다.

6개의 좋아요

조프리, 태그 선택기도 포함될 수 있나요?

1개의 좋아요

네, 그럴 수도 있겠네요 :slight_smile:

4개의 좋아요

혼란스럽습니다. 이 기능(모바일 뷰의 카테고리 및 태그 드롭다운)을 기다리고 있었는데, 제 인스턴스에서는 모든 카테고리 페이지에 이미 표시되고 있지만, 다른 곳에서는 전혀 보이지 않습니다.

이것이 현재 동작 방식이고 제가 그냥 놓친 건가요, 아니면 어떤 플러그인/TC 때문에 다르게 보이는 건가요? 현재 다른 페이지에서도 이 기능을 활성화할 수 있는 방법이 있나요?

1개의 좋아요

이 동작은 이미 상당한 기간 동안 존재해 온 것입니다… 카테고리 드롭다운은 카테고리별 주제 목록에는 표시되지만, /categories나 /latest, /new, /top과 같은 집계 페이지에는 표시되지 않습니다.

현재 테마를 통해 해당 드롭다운을 다른 페이지에도 표시하는 것이 가능해야 하지만, 아직 아무도 시도해 보지 않은 것으로 보입니다.

기본적으로 이 기능을 구현할 계획이지만, 다른 기능 개발과 고객 관련 작업이 우선순위로 올라갔습니다.

7개의 좋아요

이 기능이 여전히 로드맵에 남아 있나요? 모바일에서 일관된 내비게이션을 구축하기가 어렵습니다. 특히 태그 드롭다운이 카테고리 드롭다운 안에 중첩되어 있어 카테고리 목록에서만 표시되기 때문이죠.

예를 들어, 카테고리에 있을 때 선택된 태그가 태그 드롭다운에 표시됩니다:

하지만 카테고리를 선택 해제하면 태그는 여전히 선택된 상태(태그 정보 아이콘을 클릭할 수도 있음)인데, 모든 드롭다운이 사라집니다. 이는 꽤 혼란스럽습니다:
Screenshot from 2022-07-21 02-17-34

저는 조직화에 태그만 사용하는 포럼을 구축하고 있습니다. 데스크톱에서는 잘 작동하지만, 현재 모바일 UX로는 내비게이션 바 메뉴에 태그 페이지 링크만 넣을 수 있습니다. 모든 페이지에서 태그 드롭다운이 표시되려면 모바일 템플릿을 교체해야 하는지, 아니면 더 간단한 방법이 있는지 궁금합니다.

여기서는 전체를 처음부터 다시 하자는 것이 우리의 일반적인 생각입니다.

태그/카테고리/필터 등 모든 것을 하나의 컨트롤로 통합하는 것입니다. 모바일에 이를 맞추는 것은 분명히 도전과제가 될 것이지만, 이 “메가” 컨트롤에는 수많은 장점이 있습니다.

2개의 좋아요

오늘 항상 표시되도록 해 보았는데, 내 환경에서는 부작용 없이 잘 작동하는 것 같습니다:

api.modifyClass("component:bread-crumbs", {
  pluginId: "never-hidden-bread-crumbs",
  hidden: false
});

hidden은 원래 다음과 같습니다:

@discourseComputed("category")
hidden(category) {
  return this.site.mobileView && !category;
},

저는 카테고리 페이지에서만 숨기도록 하는 방식을 선호했습니다.

3개의 좋아요