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

ありがとうございます、ドン。探していた答えです。:+1:

しかし、この設定を有効にする方法を詳細に確認する必要があります。

「いいね!」 2

「視覚効果を減らす」は、スマートフォンのアクセシビリティ設定で見つけることができます。おそらく現在オンになっているので、オフにすると、メニュー外をクリックして操作できるようになります。しかし、おそらくそれは正当な理由があって有効になっており、スワイプでメニューを閉じる方が簡単でしょう。:slightly_smiling_face:

「いいね!」 3

気に入りました、ドン

しかし、ハンバーガーメニューを非表示にしたい場合、こちらやこちらのようなfkb proテーマに問題があるようです。

まだハンバーガーアイコンのスペースがあります。

「いいね!」 2

こんにちは :wave:
レポートありがとうございます。この問題の修正をFKB Pro - Social theme にマージしました :slightly_smiling_face:

「いいね!」 3

バグレポート:3.4.0betaで、チャットに切り替えてもチャットアイコンが非表示にならない:

こんにちは :waving_hand:

それは仕様です。/chat ページでは f ナビゲーションを非表示にし、デフォルトのチャットヘッダーを使用します。

Meta の場合も同様です。

承知いたしました。では、CSSで手動で非表示にするしかないということですね?

CSSで完全に非表示にできます。

モバイル/CSS

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon {
      display: none;
    }
  }
}

注意: チャンネル内にいる場合、チャット通知が表示されるのはこの場所だけです。

「いいね!」 1

チャットアイコンを削除し、新しいメッセージのバブルインジケーターはそのままにしておくことは可能でしょうか?

編集:自分で解決しました。a svg を追加しました。

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon a svg {
      display: none;
    }
  }
}

こんにちは、@donさん。アイコンの下にホームページやメニューなどのテキストを追加できますか?

メッセージに問題があります。読み込まれません。

「いいね!」 1

セットアップの詳細を教えていただけますか? テストに合格し、メッセージは正常に機能しています。

iPhoneのSafariでは動作しませんが、Chromeブラウザでは動作します。

「いいね!」 1

追加の詳細をありがとうございます。Androidを使用しています。

「いいね!」 1


Horizonテーマを使用すると、トピックリストのコンポーネントがスクロール時に上部(ロゴ/要素エリア)を空白にします。

残念ながら、再現できません。

ヘッダーの変更との互換性が低いようです。Horizonで何が起こるか確認します。

「いいね!」 3

なるほど、何が起こっているのか分かりました。list-controls は Horizon でスクロールダウンすると固定され、同時に F NAV はデフォルトでヘッダーを非表示にします。そのため、スクリーンショットで共有された隙間が生じます。


この小さな CSS スニペットは Horizon テーマで機能するはずです。

スクロールダウンしたときに、ヘッダーの高さではなく、ページの先頭に固定されます。

モバイル / CSS

body.f-nav-hidden {
  .list-controls {
    top: 0;
  }
}

将来的には、ヘッダーの外観を処理する設定を追加するのが良いかもしれません。

「いいね!」 4

最新のDiscourseで動作しません。

それを明確にしていただけますか?

わかりました、承知いたしました。レポートありがとうございます。scrollTop ミキシンがコアから削除されたため、問題が発生しました。しかし、実際には使用していないため、誤って残された可能性があります。こちらで修正しました: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub

コンポーネントを更新してください。

「いいね!」 3