Advanced Search Banner

問題は次のとおりです。

conditional-loading-section:not(.is-loading) {
    transition: opacity 5s ease-in-out;
}

カスタムCSSを使用してこれを none に設定することはできません。これは、テーマのデフォルト conditional-loading-section.scss によって上書きされています。

「いいね!」 1

検索バナーを再配置することは可能ですか?

@awesomerobot

たとえば、配置を中央から右に変更したり、単に右に少し移動して位置を調整したりすることはできますか?

「いいね!」 1

テーマコンポーネントの設定は使用していませんが、独自のカスタムCSSを使用すれば簡単に実現できます。

「いいね!」 2

背景画像をテキストの代わりに配置するために使用していますが、検索バナーで画像を再調整できません。CSSコードを提供していただけると幸いです。

「いいね!」 2

インスペクト要素を使用すると役立ちます。または、このコンポーネントの CSS ソースや Air Theme を確認することもできます。CSS の最初の部分にある共通の数行で、検索バナーを mods でターゲットにしているものをターゲットにします。

言及されている問題は XP ではないため、テストしていません。

.display-search-banner {
  #main-outlet {
    padding-top: 2em;
    align: center !important;
  }

このコードをカスタム Theme component CSS common に追加してください。

コーディング方法を提供したいという気持ちは理解できます。私もまだ学習中です。しかし、基本的なことも自分で学ぶ必要があります。

ブラウザのインスペクト要素を使用して、「align: center !important;」をテストできる可能性があります。

「いいね!」 3

これは素晴らしいですが、RTLレイアウトで使用すると、パディングが正しく変換されないようです。
LTR:

RTL:


RTLモードでは、設定アイコンとプレースホルダーのパディングが切り替わっているようです。

「いいね!」 2

お知らせいただきありがとうございます。修正と思われるアップデートを行いました。

「いいね!」 5

最新の 3.3.1 でテストはパスしましたが、モバイルでのみオートコンプリート検索結果のカテゴリアイコンが表示されません。すべてのプラグインを無効にしたセーフモードでも問題を再現できます。

当社のホームページで試すことができます: forum.cannabisanbauen.net

「いいね!」 3

公式の修正を待つ間の簡単な修正は以下の通りです。

.search-menu {
  .search-link {
    .badge-category {
      display: inline-flex;
    }
  }
}

これは、このCSSに関連しているようです。

バッジカテゴリの表示が正しくありません。

しかし、.badge-category には既に inline-flex が設定されているため、コンポーネントのCSSを削除しても問題ないと思います。:thinking:

「いいね!」 6

ログインユーザーにのみ表示され、ログアウトユーザーには表示されないのですが、どうすればよいでしょうか?設定は「両方」にしています。

ログインユーザー:

ログアウトユーザー:

設定:

「いいね!」 1

English_US の翻訳も編集するとどうなりますか?

ログインしている場合、設定で選択した言語(またはサイトのデフォルトロケール)が使用されると思います。ログアウトしている場合、テキストはブラウザの言語設定で表示されます。したがって、カスタマイズしていない言語を使用しているすべてのユーザーは、デフォルトのテキストが表示されます。そのため、さらに多くの言語をカスタマイズする必要があるかもしれません。

「いいね!」 4

おお、完璧です、ありがとうございます。うまくいきました!

「いいね!」 1

FYI、imminently coreに簡易版をマージします FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub

このコンポーネントは引き続きサポートされますが、このPR以降 DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub 、Advanced Search Bannerにリネームされました。このコンポーネントがインストールされている場合、コアのウェルカムバナーは表示されません。

「いいね!」 5

こんにちは皆さん。このコンポーネントを私のサイトに追加しました。タイトルのテキストは表示されますが、実際の検索バーが表示されません。他の人もこの問題を経験していますか?

「いいね!」 1

狭い画面またはモバイルデバイスを使用していますか?この場合、検索バーが表示されない問題が現在あります

iPhoneのChromeブラウザでコミュニティページを見ています。

うーん。これについて誰かに警告できる人はいますか、それともこのページを作成した人はすでに気づいていますか?(Discourseは初めてで、学習中です)。

「いいね!」 1

はい、私です! それの修正を今したところです — テーマコンポーネントを更新すれば、検索ボックスが表示されるはずです。

「いいね!」 4

このコンポーネントはMintテーマでは表示されませんが、試したところ他のテーマでは表示できます。

皆さん、こんにちは!今週、このテーマコンポーネントに追加したカスタムスタイルに影響を与える可能性のある変更をマージします

この検索バナーは複数のページに表示される可能性があるため、見出しにH1を使用するのは理想的ではありません。H1は、あるページのコンテンツを別のページから区別するのに役立つはずです。そのため、この変更ではH1をcustom-search-banner-headlineクラスを持つDIVに置き換えます。

したがって、テーマのH1にスタイルを適用した場合は、H1.custom-search-banner-headlineに変更する必要があります。一部のテーマでは、移行をシームレスにするために、H1に加えてクラスを追加しました。たとえば、次のようになります。

「いいね!」 5

最新バージョンでバグが発生しているようです。

Discourse 3.5.0.beta8-dev (679d51a985) を実行しています。

発生しているのは、新しいトピックが開かれたとき(Windows 10 の Chrome ブラウザ)に、一番上に検索バーが表示されるはずなのに表示されないことです。テーマコンポーネントを無効にすると、デフォルトの Discourse 検索バーが表示されますが、コンポーネントが有効になっていると、一番上の検索バーが表示されず、さらに右上の検索アイコンも表示されません。1行下にスクロールすると右上に検索ボタンが表示されますが、トピックの一番上の行には検索バーがまったく表示されません。

top_menuShowonabove_main_containerPlugin outlet に設定されています。以前はトピックでも一番上の行に表示されていたはずです。

問題は、ユーザーがスクロールするまで、検索アイコンと検索バーの両方が欠落しているため、検索する方法がないことです。テーマを無効にすると、デフォルトの検索バーとアイコンは正常に表示されます。つまり、ページが読み込まれると検索バーが表示され、ユーザーが1行下にスクロールすると検索バーが消え、代わりに検索アイコンが表示されます。

「いいね!」 1