Discourse Tab Bar for Mobile

タブURLの非ASCII文字サポートを追加するPRを作成しました。メインブランチにマージできるか確認していただけますでしょうか?

「いいね!」 7

はい、PRがマージされました! @th21さん、ありがとうございます!

「いいね!」 6

マージ可能かどうかわからなかったので、フォークして、非ログインユーザーがタブを表示できるように追加設定を追加しました。

「いいね!」 6

Discourse Hub アプリ iOS のタブバーにBACKボタンを追加できますか?簡単な JavaScript コードか何かで。タブバーは、メインの Discourse 選択ページに戻るのを妨げます。

「いいね!」 5

@Osama 戻る/進む機能を追加するアイデアはありますか?よろしくお願いします。

「いいね!」 3

@miss @MarcP コンポーネントにより管理者は各タブをカスタマイズできるため、後方/前方ナビゲーションを実行する特定のタブをハードコーディングすることはできません。そのため、管理者がテーマ設定を使用して、後方または前方ボタンとして機能させたいタブを決定する方法が必要です。これはコンポーネントに追加する必要がある新機能であり、PRを受け付けます。これに取り組むことに興味がある場合は、開始する前にPMしてください。

「いいね!」 5

タブの宛先設定を一致させるために、トリミングされていないURLを許可するオプションを追加する別のPRを作成しました。

たとえば、/latest?order=created/latest は異なるタブとして扱われ、オプションがオンの場合にクリック時にアイコンの色が変更されます。

確認して、マージ可能かどうか教えていただけますか?よろしくお願いします。 :grinning:

「いいね!」 4

これ、すごく気に入りました!

ただ、Discourse Hub UIがカバーされていますが、修正できますか?

「いいね!」 2

こんにちは。このテーマコンポーネントをご利用いただきありがとうございます。現在、私のウェブサイト https://businesslab.vn で使用しています。しかし最近、「トグルハンバーガーメニュー」と「ヘッダードロップダウントグルカレントユーザー」をこのテーマコンポーネントに統合するというアイデアがあります。これにより、ヘッダーの表示スペースがよりミニマリストになり、片手操作のみのユーザーでもタブバー(あなたのテーマコンポーネント)へのナビゲーションを実行できるようになります。この提案にご興味を持っていただければ幸いです。
image
image

「いいね!」 1

こんにちは、このコンポーネントは素晴らしいですね。作成おめでとうございます!これが最も新しいコンポーネントですか?それとも、もっとモダンなコンポーネントはありますか?フォーラム初心者です。

最後のボタンに、それを押したときに他のオプションを選択するためにアイコン付きまたはアイコンと名前付きの他のボタンが表示されるようにする方法はありますか?より重要なオプションがあり、それを配置する必要があったため、そのような方法は完璧です。たとえば、次のようになります。

つまり、人がアイコンをクリックすると、クリックするための他のアイコンが表示されます。

@th21 @osama

「いいね!」 1

タブバーを固定するにはどうすればよいですか? スクロールダウンすると消えてしまうことがあるので、常に表示されるようにしたいです!

ユーザーポートフォリオにボタンの1つを移動させようとしていますが、うまくいきません。

これは可能ですか?

編集:解決しました…

my/activity/portfolio
「いいね!」 1

チャットボックスでタブバーがオーバーフローしています。ユーザーはタブバーでチャットできません。
修正していただけますでしょうか?

問題を確認しました。テキスト入力が非表示になります。

「いいね!」 1

チャットコンポーザーの下にマージンを追加するのが簡単な修正方法です。見た目はあまり良くありませんが、ユーザーは入力ボックスを切り替えることができるはずです。

タブバーのサイズも変更したので、CSSを使用したい場合はタブバーの元の高さを(ただし、いくらか忘れました)使用してください。

.chat-composer__wrapper {
    margin-bottom: 35px
}
「いいね!」 1

これは機能しますが、下にスクロールすると空白のスペースが残ります。

(タブバーの高さである 49px のマージンボトムで録画されたビデオ):

はい、私が言ったように、それは美しくないでしょう

「いいね!」 1

タブバーのz-indexを下げることで、より美しくなります(ユーザーがチャット中にタブを使用しないと仮定します)。
マージンではなくz-indexで確認してください。

だから私はz-indexの方法を使用しませんでした。また、要素がオーバーレイするのは奇妙で、バグのように見えます。