사이드바에 카테고리 아이콘 표시 기능

여러 곳에서 언급되는 것 같은데, 명확한 답변을 찾지 못했습니다. 이 문제를 우회하는 방법, 사이드바나 컴포넌트에 "출시 예정"이라는 표시, 또는 “안 됩니다” 같은 답변이요…

저는 Discourse 호스팅 사이트에서 실험적 사이드바를 활성화했습니다. 그러면 카테고리 옆에 색상 블록이 표시됩니다. 그리고 주목할 점은, Category Icons 테마 컴포넌트로 설정한 카테고리 아이콘이 표시되지 않는다는 것입니다.

제 첫 번째 추측은 이 사이트의 “Category Style” 설정이 "none"으로 되어 있다는 것입니다. "none"으로 설정되어 있으면 사이드바에 색상 블록이 표시되지 않아야 한다고 생각합니다.

…그리고 제 스크린샷에서 카테고리 아이콘을 볼 수 있습니다. 제 생각에는 그 동일한 아이콘이 사이드바에도 표시되어야 합니다.

어떻게 생각하시나요?

현재 답변은 이 부분에 대해 구체적인 계획이 없다는 것입니다.

다만, 카테고리 아이콘을 1급(first class) 기능으로 만드는 것에 대한 논의는 있었죠. 예를 들어 @tobiaseigen 님이 이에 관심이 있다는 점을 알고 있습니다. 하지만 현재 우리 우선순위 목록에는 포함되어 있지 않습니다.

그동안 이 문제를 우회하거나 카테고리 아이콘 테마 컴포넌트에 지원 기능을 추가하는 데 어떤 작업이 필요할지 정확히 파악하기 어렵습니다. @pmusaraj 님, 이 작업에 어떤 사항들이 포함될 것 같으신지 의견이 있으신가요?

@craigconstantine 님 - 아이콘이 사용될 때 사이드바가 어떻게 보여야 한다고 기대하시나요? 이 경우 아이콘에 카테고리 색상이 적용되어야 한다고 기대하시나요?

카테고리 아이콘 컴포넌트는 아이콘을 추가하기 위해 핵심 카테고리 링크 렌더러를 오버라이드합니다. 사이드바에는 정당한 이유가 있어 동일한 렌더러를 사용하지 않으므로, 컴포넌트가 이 부분에 대해 작업을 수행할 수 있도록 핵심에서 사이드바 카테고리 링크를 확장/오버라이드할 수 있는 방법을 먼저 추가해야 합니다.

태그도 비슷한 상황이지만, 현재 사이드바에서 각 태그에 기본 아이콘을 표시하고 있기 때문에 조금 더 쉽습니다.

내부에서 태그와 카테고리의 기능 일치를 높이고, 카테고리와 동일한 방식으로 태그에 색상 장식을 적용하며, 둘 다에 아이콘을 적용할 수 있도록 하는 방안을 논의해 왔습니다.

태그와 카테고리를 색상과 아이콘으로 구분하면, 커뮤니티 내 토론을 탐색할 때 두 요소를 명확히 구분하고 사용자가 불필요한 고민을 하지 않도록 하는 데 큰 도움이 될 수 있습니다.

따라서 저는 코어 Discourse 전반에서 이러한 기능이 구현되기를 지지합니다. 다만, 혼란스러운 색상 경험을 만들거나 아이콘으로 인해 사이드바 사용성이 떨어지는 것은 원치 않습니다. @pmusaraj 님이 공유한 카테고리 스타일을 box로 설정한 스크린샷 예시는 사이드바에서 꽤 잘 작동할 것 같아 좋습니다.

개인적으로 Discourse for Teams의 사이드바가 새로운 사이드바보다 카테고리 장식을 조금 더 잘 처리했다고 생각합니다. category style 관리자 설정에서 bar, box, bullet 또는 none을 선택할 수 있었고, 사이드바의 카테고리는 선택한 스타일로 표시되어 모두 매우 보기 좋았습니다. 스크린샷을 참고해 주세요.

기존 스타일의 ≡ 메뉴에서와 동일하게 보이길 바랍니다.

enable-exp-sidebar 옵션을 끄고, 브라우저 캐시를 비운 후 새로고침을 했습니다… 기존 ≡ 메뉴에서 카테고리와 아이콘이 표시되는 모습을 스크린샷으로 찍으려 했는데, 지금은 그것도 작동하지 않는 것 같습니다??

이전에는 이러한 색상 박스가 없었습니다—일반적으로 색상은 본질적인 의미를 전달하지 않습니다. 제 모든 카테고리에는 정성을 들여 선택한 아이콘이 있습니다. Help에는 FA(FontAwesome)의 ?, Listen에는 헤드폰, supporters에는 사용자 실루엣에 + 기호가 있는 아이콘(특정 그룹의 사람들을 위한 아바타 flair로 사용)을 사용하고, workbench에는 도구 아이콘 등을 사용하고 있습니다.

하지만 상단의 구체적인 질문에 답하기 위해 시도해 보면: category-style이 none이므로 색상은 없고, 이름 옆에 아이콘이 있는 형태로 보여야 합니다… 몇몇 카테고리의 아이콘은 다음과 같습니다 (이것도 제 원본 게시물에 이미 언급된 내용입니다.)

구버식으로 돌아가려면 “실험용 사이드바 햄버거 메뉴 활성화” 설정도 꺼야 합니다.

derp …당신이 옳습니다. 카테고리 스타일이 none인 경우, 사이드바에서 카테고리와 아이콘이 어떻게 표시되어야 하는지에 대한 스크린샷을 첨부합니다:

재: 카테고리 아이콘
개인적으로는 그다지 선호하지 않습니다. 제 생각에는 혼란스러울 것 같다는 데 동의합니다. @craigconstantine 님의 우려에 대해 언급한 이유는, 해당 아이콘들이 기존(레거시) 메뉴에서 사용 가능했기 때문이었어요.

네, 이 제안은 비현실적이고 불필요할 수도 있습니다.

사이드바의 색상은 UI의 여러 곳에서 사용되는 카테고리 색상과 일치합니다.

맞아요, 저한테는 그 컬러풀한 불릿(목록 기호)들은 문제가 없어요 (락 아이콘은 빼야겠지만, 코드로 제거할 수 있으니). 커뮤니티 섹션을 수정할 수 있는 권한만 주시면 감사할 거예요. :slight_smile:

네, 하지만 그것은 목적과는 다릅니다. :wink:

어쨌든, 저는 사용자가 서로 다른 색상으로 카테고리를 식별할 수 있거나 그렇게 할 것이라고 믿지 않습니다. 그래서 제가 할 수 있는 곳에서는 그것들을 비활성화했고, 그렇지 않은 곳에서는 포럼 전체에서 동일한 색상을 사용하려고 했습니다. 카테고리 색상의 목적은 장식적인 측면뿐이라고 보는데, 그것은 순수하게 취향의 문제입니다.

그래서 저는 포럼의 나머지 부분에서 할 수 있듯이 사이드바에서도 그것들을 비활성화할 수 있는 옵션을 매우 원합니다.

여기 있습니다:

공통 CSS

.sidebar-section-link-prefix span {
    display: none;
}

감사합니다.

하지만 이제 저도 다시 주제에 맞게 말씀드릴게요 :wink: 사이드바에 카테고리 아이콘을 표시할 수 있는 기능이 훨씬 더 좋은 해결책이 될 것 같습니다…

네비게이터 사이드바 메뉴의 카테고리 불릿(점) 모양을 변경하고 싶은 분들을 위해, 제 포럼에서 사용한 방법처럼 일반 CSS에서 다음과 같은 코드를 추가할 수 있습니다:

.sidebar-section-link-wrapper .sidebar-section-link-prefix .prefix-span {
    width: .6em;
    height: .6em;
    border-radius: 100%;
}

이렇게 하면 다음과 같은 모습으로 보입니다:

서브카테고리인 'Help Desk’의 불릿을 주목해 주세요. 'Lounge’는 TL1 이상만 접근할 수 있는 보안 구역이지만, 저는 코드를 통해 잠금 아이콘을 제거했습니다. 직원 전용 카테고리는 쉽게 식별할 수 있도록 잠금 아이콘은 그대로 두었습니다.

간단한 안내드립니다. 단기적으로는 카테고리 아이콘과 태그 아이콘 테마 컴포넌트가 사이드바와 호환되도록 작업하고 있습니다. 이 작업은 다음 주까지 완료될 예정입니다. 장기적으로는 카테고리나 태그의 사용자 지정 아이콘을 핵심 기능으로 포함할 계획입니다.