F NAV - 모바일 내비게이션 탭

컴포넌트가 F 내비게이션 탭에 게시 버튼을 추가하는 것을 지원합니까?

새 주제 탭을 만들라는 뜻인가요?

예. F 내비게이션 탭 영역에 “새 주제 게시” 버튼을 추가하세요.
aaaaa

네, 가능합니다. 설정에서 해당 위치에 탭을 추가하면 됩니다.

3개의 좋아요

안녕하세요 @Don,

최근 Discourse 업데이트 이후 테마 컴포넌트에서 오류가 발생하여 작동하지 않습니다.

안녕하세요 :waving_hand:

4개의 좋아요

여전히 SoundCloud 음악 플레이어 컴포넌트를 사용 중이며 몇 가지 질문이 있습니다.

SoundCloud Music Player에 대해 몇 가지 말씀드릴 점이 있습니다:

  • 모바일 겹침: 모바일 환경에서 "F NAV - Mobile"과 겹칩니다. 모바일 위치를 최적화할 수 있을까요?
  • YouTube Music: 이 컴포넌트에서 YouTube Music을 지원할 계획이 있나요?

안녕하세요, 새 주제 버튼을 하단 바에 추가할 수 있을까요?

2개의 좋아요

감사합니다. 잘 작동합니다. 저는 플로팅 네비게이션 버튼 컴포넌트를 사용 중이었는데 오류가 발생해서 비활성화하고 제거해야 했습니다.

이 기능을 내 포럼에 추가하려고 하는데, Theme Creator에서 테스트해 보니 초안이 작성 중인 상태에서는 탭이 가려져서 사용할 수 없었습니다:

1개의 좋아요

안녕하세요 :wave: 보고해 주셔서 감사합니다! 여기에 수정 사항과 함께 몇 가지 다른 개선 사항도 포함되어 있습니다: FIX: Issue with flashing on iOS devices, prevents closing on scroll-lock too and fixes the reply draft position - Pull Request #5 - VaperinaDEV/f-nav-for-mobile - GitHub

1개의 좋아요

안녕하세요 @don, 컴포넌트의 아이콘 아래에 홈, 알림, 메시지 같은 텍스트를 추가할 수 있을까요?

1개의 좋아요

안녕하세요 @ozkn :wave:

감사합니다. 해당 기능을 지원하도록 업데이트를 병합했습니다: FEATURE: Show tab label - Pull Request #6 - VaperinaDEV/f-nav-for-mobile - GitHub

새로운 테마 설정이 추가되었습니다: f_nav_show_labels

탭 라벨은 이제 f_nav_tabs 설정의 name 값에 따라 표시됩니다.

Screenshot 2025-05-10 at 21.07.22

토픽 페이지에서는 “홈” 탭 라벨이 js.back_button 키로 대체됩니다.

Screenshot 2025-05-10 at 21.08.23

2개의 좋아요

감사합니다 @don

1개의 좋아요

@Don님, 메시지 아이콘을 변경할 수 없는 것 같습니다. 코드가 하드코딩되어 있는 것 같은데, 버튼 아이콘을 다른 것으로 변경할 수 있는 우회 방법이 있을까요?

2개의 좋아요

이 테마 컴포넌트가 정말 훌륭해요, 감사합니다! 아직 호라이즌(Horizon)에서는 사용할 수 없는 것 같나요?

여러 방법으로 그 아이콘을 숨기려고 시도했지만 아무것도 작동하지 않았습니다. 데스크톱에서는 보이지 않고 모바일에서만 나타납니다.

[수정] 이미 다음과 같이 처리했습니다:

// Hide user menu panel on mobile
.d-header-icons .header-dropdown-toggle [data-identifier="avatar-profile"] {
display: none !important;
}

나는 내비게이션 바가 고정되어 있는 것을 선호하기 때문에 컴포넌트를 조금 수정했습니다:

// Fix navigation (desktop on mobile) on scrolling
body.f-nav-hidden:not(
    .archetype-regular,
    .archetype-private_message,
    .has-full-page-chat
  )
  .list-controls {
  position: static;
}

이것은 같은 문제를 겪고 있는 사람들을 위해 스크롤 시 자동 숨김 기능을 방지합니다.

사실 헤더에 사용할 비슷한 것을 찾고 있었습니다.

혹시 스티키 헤더가 필요하신 분을 위해 여기에 공유합니다:

```

body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important; // 다른 요소들 위에 유지되도록 보장
}

```

2개의 좋아요

이런 문제가 있으신가요? 채팅을 추가하면 수신 메시지에서 “숫자”의 위치가 올바르지 않습니다?
image