 |
요약 | 헤더에 드롭다운 메뉴를 추가하여 사용자가 개인 설정 및 페이지에 빠르게 접근할 수 있도록 합니다 |
 |
저장소 | Manuel Kostka / Discourse / Components / Custom User Menu · GitLab |
 |
설치 가이드 | 테마 또는 테마 컴포넌트 설치 방법 |
 |
디스커스 테마를 처음 사용하시나요? | 디스커스 테마 사용 입문가이드 |
이 테마 컴포넌트 설치
헤더에 독립형 사용자 메뉴를 추가합니다. 이 컴포넌트는 기본적으로 알림 메뉴의 프로필 탭에 있는 항목들을 복제합니다.
이 컴포넌트는 알림 메뉴에서 관련 탭을 숨깁니다. 컴포넌트 적용 전과 적용 후의 화면:
로드맵
모바일 모달 추가
사이트 설정에 따라 이름과 사용자 이름 전환
이 기능은 F NAV Mobile Navigation Tabs과 작은 충돌이 있는 것 같습니다. 해당 기능은 알림 벨을 화면 하단으로 이동시키기 때문입니다. 여전히 정상적으로 작동하지만, 헤더에 있어야 할 벨 자리는 텅 빈 공간으로만 남아 있습니다. 그 빈 공간을 탭하면 프로필 사진을 탭했을 때와 동일한 메뉴가 열립니다.
이 부분을 짚어주셔서 감사합니다! 다만, 어떻게 하면 호환성을 확보할 수 있을지 잘 모르겠습니다. 두 컴포넌트를 동시에 사용하면 기본적으로 동일한 메뉴를 도입하지만 템플릿 구현 방식이 약간 다르기 때문에, 다른 UX 및 스타일 충돌이 발생할 가능성이 높습니다.
저는 제 자신과 제 특정 사용 사례에 대해서만 말씀드릴 수 있지만, 이 컴포넌트를 데스크톱/노트북에서 활용하면서 모바일에서는 “한 발 물러서” 탭 컴포넌트가 역할을 수행하도록 하고 싶습니다.
생각할 수 있는 유일한 방법은 이 컴포넌트가 탭 컴포넌트와 디스플레이 크기를 확인하는 것입니다. 탭 컴포넌트는 모바일에서만 활성화되므로, 큰 화면에서는 설계대로 작동하고 탭이 활성화된 경우 작은 화면에서는 꺼지는 방식으로 작동할 수 있을 것입니다. 이를 위해 어떤 작업이 필요할지, 심지어 그것이 가능한지조차 전혀 모르겠습니다.
조금 후에 전용 모바일 스타일을 추가할 예정입니다. 그러면 이 컴포넌트를 모바일에서도 사용자 메뉴에 사용할 수 있습니다. 그리고 다른 컴포넌트의 푸터 내비게이션도 함께 사용하세요. 실제로는 잘 맞을 것입니다.
2개의 게시글이 새 주제로 분리되었습니다: 메타에서 자동 로컬라이제이션이 게시글에 { 표시
@StryGuardian 님이 언급한 문제와 동일한 문제를 겪고 있습니다. f-nav와 충돌이 발생하고 있습니다.
아직 문제가 발생하고 있나요? 저는 3.5.1 버전에서 이 TC와 함께 제 F NAV 포크를 테스트해 봤는데, 완벽하게 작동하네요…
@manuel PR을 받아 주시나요? 사이트 설정에서 전체 이름 표시가 비활성화된 경우 사용자 이름을 굵게 표시하고, 사용자 아바타를 해당 사용자의 프로필 “요약” 페이지로 링크하는 기능을 추가하면 좋을 것 같습니다.
모바일 지원을 추가할 수 있었나요?
아니요. 명확히 하자면, 메뉴 자체는 모바일에서 정상적으로 작동합니다. 다만, 해당 컴포넌트의 전용 모바일 모달이나 모바일 내비게이션 탭과의 호환성이 필요한 클라이언트가 없었기 때문입니다.
