F NAV - モバイル ナビゲーション タブ

F ナブタブ に投稿ボタンを追加するコンポーネントはサポートされていますか?

新しいトピックタブを作成するということですか?

はい。「新しいトピックを投稿」ボタンをFナビゲーションタブ領域に追加してください。
aaaaa

はい、設定でその位置にタブを追加するだけで可能です。

「いいね!」 3

こんにちは、@Donさん

Discourseの最新アップデート後、テーマコンポーネントでエラーが発生し、動作しなくなっています。

こんにちは :waving_hand:

「いいね!」 4

私はまだあなたのSoundCloud Music Playerコンポーネントを使用していますが、いくつか質問があります。

SoundCloud Music Playerに関するいくつかの点です。

  • モバイルでのオーバーラップ:モバイルでは、「F NAV - Mobile」と重なります。モバイルでの位置を最適化できますか?
  • YouTube Music:このコンポーネントでYouTube Musicをサポートする予定はありますか?

こんにちは、新しいトピックボタンを下部バーに追加することは可能ですか?

「いいね!」 2

ありがとうございます。うまくいきました。貴社のフローティングナビゲーションボタンコンポーネントを使用していたのですが、エラーが発生していたため、無効にして削除する必要がありました。

フォーラムに追加しようと考えているのですが、テーマクリエイターでテストしたところ、下書きが進行中の場合、タブが隠れてしまい使用できないことがわかりました。

「いいね!」 1

こんにちは:wave: レポートありがとうございます!修正と、その他の改善を行いました: FIX: Issue with flashing on iOS devices, prevents closing on scroll-lock too and fixes the reply draft position by VaperinaDEV · Pull Request #5 · VaperinaDEV/f-nav-for-mobile · GitHub

「いいね!」 1

こんにちは、@don さん、コンポーネントのアイコンの下に「ホーム」「通知」「メッセージ」のようなテキストを追加できますか?

「いいね!」 1

こんにちは @ozkn さん :wave:

この機能のサポートアップデートをマージしました。FEATURE: Show tab label by VaperinaDEV · 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にはまだ対応していないようですね?

多くの方法でアイコンを非表示にしようとしましたが、うまくいきませんでした。モバイルでのみ表示され、デスクトップでは表示されません。

[編集] 以下のように対応しました。

// モバイルでユーザーメニューパネルを非表示にする
.d-header-icons .header-dropdown-toggle [data-identifier="avatar-profile"] {
  display: none !important;
}

ナビバーを固定したいので、コンポーネントを少し調整しました。

// スクロール時にナビゲーションを固定する(モバイル版デスクトップ)
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