새로운 업데이트 이후로 이 코드가 더 이상 작동하지 않습니다. @Don 관련해서 변경 사항을 만들었나요?
안녕하세요 
아니요, 제가 한 것 같지 않습니다. 마지막 변경은 2개월 전이었습니다. Merge pull request #6 from VaperinaDEV/show-label · VaperinaDEV/f-nav-for-mobile@085e07f · GitHub
네, 다시 잘 작동하고 있습니다. 다른 테마 구성 요소들이 문제를 일으키고 있었습니다.
1개의 좋아요
안녕하세요 음, 이 문제를 재현할 수 없네요… 어떤 기기와 브라우저를 사용하시나요?
Don님, 답변해 주셔서 감사합니다.
정말 이상합니다. 아래는 제가 테스트한 브라우저들인데, 동일한 현상이 발생했습니다. 
PC의 Edge 브라우저
iPhone Discourse Hub 앱
iPhone Safari
Android Edge
위치 조정을 위해 다음 CSS를 사용했는데, 꽤 잘 작동합니다.
/* Flexbox를 사용하여 chat-channel-unread-indicator__number를 중앙 정렬 */
.chat-channel-unread-indicator {
display: flex;
justify-content: center;
align-items: center;
position: relative; /* 컨테이너에 위치 지정 컨텍스트가 있는지 확인 */
}
/* 숫자 요소의 스타일이 중앙 정렬에 간섭하지 않도록 확인 */
.chat-channel-unread-indicator__number {
display: inline-flex;
align-items: center;
justify-content: center;
}
2개의 좋아요
멋지네요. 로그인하지 않은 사용자들에게도 표시되면 좋겠어요.
@Don PR을 받아주시나요? 모달 메뉴를 열어 추가 항목을 추가할 수 있는 기능을 추가했습니다.
우리의 사용 사례에서는 새 주제를 만들 때 여러 가지 변형을 사용할 수 있도록 하위 메뉴를 만들고 싶습니다(예: 버그 보고서 제출, 지원 요청 제출, 아이디어 제출, 새 저널 생성 또는 일반 새 주제 생성).
참고: GitHub - jrgong420/f-nav-for-mobile: F NAV - Mobile Navigation Tabs · GitHub
4개의 좋아요
“F-NAV for Mobile” 포크 버전 업데이트 안내: 백 버튼, 커스텀 서브메뉴, 가시성 제어 기능 추가. 3.6beta1과 가장 호환성이 좋습니다.
왜 이 포크인가?
- 토픽 페이지에서 일반적인 모바일 앱 UX를 따르는 헤더 “백” 버튼 제공
- 설정 가능한 서브메뉴를 여는 “customMenu” 탭 유형 제공 (여러 목적지로 링크하기에 이상적이며, 우리는 이를 사용하여 미리 채워진 “새 토픽” 링크를 추가하는 데 사용함)
- 탭과 메뉴 항목에 그룹 기반 가시성 추가를 통해 특정 항목을 직원만 볼 수 있게 설정할 수 있음
- 일부 비추천(deprecation) 처리 및 스타일/접근성 개선과 관련된 소규모 수정
여기서 새로 추가된 기능 요약
- 헤더 백 아이콘 (선택 사항)
- 토픽 페이지에서 헤더 홈 로고를 백 화살표로 대체
- 동작: 히스토리가 있으면 뒤로 가기, 없으면 “/”로 라우팅
- 설정으로 토글:
header_back_icon_enabled
- 커스텀 서브메뉴 탭 유형
- 새로운 f_nav_tabs 함수: customMenu
- 새로운 설정: f_nav_submenu_items
- 라벨과 URL(선택적 아이콘)로 메뉴 항목 구성
- 단일 탭에서 여러 페이지에 빠르게 접근하는 데 유용
- 그룹 기반 가시성 제어
- 탭, 서브메뉴 항목, profile_extra_items를 선택된 그룹으로 제한 가능
- 동작:
- 그룹이 비어 있으면 모두에게 표시
- 그룹이 설정되어 있으면 선택된 그룹 중 하나 이상의 회원만 볼 수 있음
- 익명 사용자는 제한된 항목을 볼 수 없음
- 선택 사항: 토픽 페이지에서 내비게이션 바 숨기기
- 설정으로 토글: hide_nav_in_topic
- 압축된 “build” 아티팩트 및 테스트 문서
- builds/ 아래 편의용 빌드 아티팩트 (v1–v5)
- 수동 검증을 문서화한 TESTING_GUIDE.md 및 TEST_RESULTS.md
기존 기능 개선
- F-NAV 항목 및 탭
- 그룹 가시성을 존중하도록 visibleTabs getter 추가
- 새로운 CustomSubmenu 컴포넌트를 FNavItem 흐름에 통합
- 헤더 아바타/프로필 메뉴
- 모바일 뷰 감지를 컴포넌트로 이동하여 동작을 개선하고 경고 해결
- 프로필 추가 항목이 이제 그룹 기반 가시성을 지원
- 스타일링 및 접근성
- 커스텀 서브메뉴와 백 아이콘을 위한 새로운 SCSS
- 일관된 hover/active/focus-visible 상태
- 코어 변수와 일관된 border-radius; 패딩/여백 정제 (예: 백 버튼 패딩을 0으로 설정)
버그 수정 및 유지보수
- 초기화자(initializers)에서 컴포넌트 렌더링으로 체크를 이동하여 site.mobileView 비추천 경고 해결
- 함수를 블록 밖으로 이동하여 렌더링 엣지 케이스 수정
- Discourse 헤더 동작(호버/활성 상태, 불투명도 전환)과 일치시키기 위한 세부 마무리
- 작은 CSS 정리 (예: 백 버튼 패딩이 0인지 확인, 의도치 않은 크기 변경 방지)
고수준 비교 (원본 vs 포크)
- 원본 (main): F-NAV 모바일 탭 + 채팅 선택적 가져오기; 백 버튼이나 커스텀 서브메뉴 없음
- 포크 (feat/home-logo-arrow-back):
- 라우팅 폴백을 갖춘 헤더 백 아이콘 기능 추가
- 설정 가능한 서브메뉴 항목을 가진 “customMenu” 탭 함수 도입
- 탭, 서브메뉴 항목, 프로필 항목에 그룹 제한 가시성 추가
- 선택적으로 토픽 페이지에서 F-NAV 숨김
- a11y 및 인터랙션 상태의 일관성 개선
- 테스트 문서 및 패키지화된 빌드 제공
참고:
- 이 컴포넌트는 Discourse 플러그인 API 레벨 1.14+를 지원하는 최신 Discourse 버전을 대상으로 합니다 (초기화자에 명시됨)
- 그룹 기반 가시성에 의존하는 경우, 먼저 그룹과 멤버십이 구성되었는지 확인하십시오
경고: 저는 코더가 아니며 TC가 완전히 AI로 생성되고 테스트되었으므로 신중하게 테스트해 주세요.
이 훌륭한 컴포넌트를 만들어 주신 Don에게 감사드립니다. Discourse UX/UI에 훌륭한 추가 요소입니다! 
3개의 좋아요
안녕하세요, 설정에서 옵션을 전환하지 않아도 현재 사용자를 기본적으로 숨기는 CSS가 적용되어 있는 것 같습니다. 즉, display: none 규칙이 하드코딩되어 있는 상태입니다. 이런 식으로 동작하지 않기를 바랍니다.
직접 제작하신 커스텀 메뉴에서 항목의 색상을 스타일링하는 방법이 있을까요?
이 상단 빈 공간 문제가 모바일에서도 다시 발생했습니다. 모든 것을 업데이트했지만 여전히 같은 문제가 생깁니다.
마지막 discourse 업데이트 이후로 f-nav 구성 요소가 Android에서 discourse를 크래시 시키고 있습니다. 
2개의 좋아요
안녕하세요
리포트해 주셔서 감사합니다! 최신 Discourse에서 경험하신 문제를 수정하기 위해 업데이트를 병합했습니다. 테마 컴포넌트를 업데이트해 주세요!
6개의 좋아요
body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
z-index: 1000 !important;
}
- 모바일에서 플로팅 스타일 타임라인에서도 동일한 문제를 확인했습니다:
참고로 저는 버튼 공간을 확보하기 위해 네비게이션 바의 높이를 약간 높여 테스트하고 있지만, 일반적인 문제는 이 부분과 무관하다고 생각합니다.
- ‘새 주제’ 버튼을 허용할 수 있을지 궁금합니다. 우측 하단에 배치하고, 우측 상단 검색 기능의 일반적인 동작 방식을 활용해보고 싶습니다.
이렇게 하면 모바일 환경에서 공간을 절약할 수 있고, 실제 소셜 미디어의 기본 구조를 존중하면서 모든 기능을 유지할 수 있습니다.
1개의 좋아요
안녕하세요
감사합니다. 여기에서 몇 가지 업데이트를 했습니다. UX: Nav bar fixes and nested replies support - Pull Request #9 - VaperinaDEV/f-nav-for-mobile - GitHub
참고: 위치는 --f-nav-height 변수에서 계산되므로 높이를 변경하는 경우 이 변수를 사용하십시오.
/new-topic 목적지로 버튼을 추가할 수 있습니다 
1개의 좋아요
훌륭합니다, 감사합니다! 이 버튼이 토픽에서 동적으로 응답하도록 하는 것을 꿈꾸는 것이 가능한가요? 아니면 고려해 볼 만한가요?
단순히 아이디어를 공유하는 것입니다. 테마 구성 요소를 그대로 사용 중이며, 제 최애 중 하나입니다 
이 동적 버튼을 사용하면, 햄버거 메뉴와 오른쪽 위 버튼처럼 기본 응답 버튼도 숨길 수 있어야 합니다.
이렇게 하면 토픽에서 하단 내비게이션을 한 줄로 표시하고 모든 요소를 더 깔끔하게 배치할 수 있을 것 같습니다.
상단 기본 아이콘을 클릭할 때와 마찬가지로, 채팅에 진입한 후 AI 채팅을 여는 동작을 되돌릴 수 있게 해주는 기능은 가능할까요?
현재 F NAV에서 AI 채팅을 열면 메인 Discourse 화면으로 돌아가는 방법이 없습니다.
가능하길 바랍니다. 하단의 버튼들을 정말 좋아합니다 
1개의 좋아요
정확히 어떤 의미인지 스크린샷 몇 장을 제공해 주시겠어요? 
1개의 좋아요
