エアテーマ

これをここにクロス投稿します。チャットプラグインとDiscourse Search Bannerに競合問題があると思っていました。しかし、バナーのみのプレビューを試した後、Air Themeの背景に関連する問題のようです。

以下のリンクで確認してください。

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

チャットプラグインの問題を評価する機会はありましたでしょうか?上記で説明したように。お忙しいところ申し訳ありません。検索バナーとの競合かと思いましたが、Airテーマの背景のようです。チャットプラグインは、青い背景を覆い隠す白い中央の列を作成しているようです。

こんにちは。

Discourse チャットプラグインを有効にすると、Discourse Search Banner のバナーが空白になる問題が見つかりました。

テスト実行済み。

Air テーマを使用しています。チャットプラグインが無効な場合は問題なく表示されます。チャットを有効にすると、上記のように表示されます。

編集: 勘違いしていました。実際には Air テーマの背景との競合/問題であることが確認されました。青色が切り取られています/オフになっています。チャットオフ時の投稿を参照してください。Discourse 検索バナーが白で青の上に正しくオーバーレイ表示され、青い背景が正しく表示されます。

Heliosurgeさん、問題がよく理解できません(スクリーンショットには空白の領域が見えますが)。

問題を再現するために、私たちが行うべき正確な手順を教えていただけますか? :slight_smile:

「いいね!」 1

非常に簡単なことでした。Airテーマには、テーマ全体の一部としてDiscourse Search Bannerがインストールされていました。

述べたように、テストはパスしました。

Chatプラグインを有効にすると、Discourse Search Bannerのウェルカムバナーにウェルカムメッセージが表示されなくなります。

Chatプラグインをオフにする。ウェルカムバナーが表示されます。

Chatプラグインが無効

このスクリーンショットでは、ヘッダーからChatプラグインのアイコンが消えていることがわかります。また、Chatプラグインが背景に白い空の長方形を作成し、青い背景を無視しているように見える他の効果も確認できます。

今見てみると、Airテーマの青い壁紙と干渉している可能性はありませんか?バナーのテキストは白なので。したがって、Discourse Search Bannerについては間違った方向に行っている可能性があります。Airテーマの一部との競合かもしれません…??

確認しました。Airテーマの背景との競合のようです。申し訳ありません。Discourse Search BannerとChatプラグインのみのプレビューを試しました。

以下をご覧ください。

誤診申し訳ありませんでした。:facepalm:

Airテーマをさらに詳しく見ると、スクロール時に背景の青い部分が中央の列でブロックされ、青い部分は外側の端にのみ表示されます。チャットが無効になっている場合、背景の青い部分は中央を左から右に接続します。

これをbumpします。実際には、Air Themeの背景に中央の白い列があるようです。上記の画像を参照してください。

チームが再現できたかどうか疑問に思っています。Air Themeの背景に限定されており、検索バナーの問題ではありません。

こんにちは、Danさん。

検索バナープラグインのアウトレットがデフォルトの above-main-container になっているようです。検索バナーを #main-outlet の外に配置するには、これを変更する必要があると思います :arrow_down_small:


しかし、テーマにはチャットカスタムスタイルがあり (discourse-air/scss/chat-mobile.scss at main · discourse/discourse-air · GitHub)、これは #main-outlet で有効にすると、チャットページでのみアクティブにする必要があると思います。
これは #main-outlet!important で背景を追加しており、#main-outlet などでのテーマの背景の透明度を上書きしています…

これを .has-full-page-chat に制限すれば、チャットページにのみ表示されるようにするのが良いのではないでしょうか?


above-main-container 設定の場合 :arrow_down_small:

below-site-header 設定の場合 :arrow_down_small:

「いいね!」 3

これでメインディスプレイは修正されました。チャットを修正するコードは何でしょうか?カテゴリの検索バナーヘッダーの下に白い列がまだ残っていますが、これはあなたの最後のスクリーンショットの通りです。

ご協力ありがとうございます。

「いいね!」 1

一部のカテゴリにのみ「カテゴリロゴ」画像を追加しています。

期待される動作: カテゴリにロゴ画像を追加すると、ラベルのサイズは他のカテゴリと同じサイズを維持します

観察された動作: カテゴリにロゴ画像を追加すると、ロゴ画像のないカテゴリのラベルの四角形と比較して、四角形が大きくなります。同じ列のカテゴリと揃わないだけでなく、ロゴ画像のあるカテゴリの行は、ロゴ画像のないカテゴリの行よりも高くなります

これはモバイルとデスクトップで発生します。

これを修正するにはどうすればよいですか?

サイトではそのように表示されることを確認できます。ロゴではないカテゴリは、ロゴカテゴリよりも非常に小さい説明を使用しているためだと考えられます。

CSSを使用して、ロゴではないカテゴリをロゴカテゴリのボックスサイズに合わせることができると想像します。

確認ありがとうございます。CSSは私の肌を這うようです。私のクリプトナイトです。CSSを使ってマージンを正しく表示しようとするときほど生産性が低いときはありませんでした。

「いいね!」 1

まだ学習中とのことですが、作者やチームメンバーがCSSコードの修正を手伝ってくれるかもしれません。

ライト/ダークトグルを発見しました。うまく機能します。ページを更新しても、ディスコースはライトテーマのロゴを表示するようです。これは、ディスコースがウェブブラウザがダークモードではないことを検出していないためだと思われます。


不思議なことに、自己解決したようです。笑

切り替えたばかりですが、非常にクリーンで素敵なテーマですね。とても気に入りました。デザインした方、素晴らしい仕事です。ありがとうございます。

「いいね!」 2

ダイレクトメッセージを送っていただくことは可能でしょうか?リンクを公開することに抵抗があります。ご協力ありがとうございます! <3

Air Theme とそのすべてのプラグインをアンインストールし、再インストールしました。修正するために考えられることはすべて試しましたが、できませんでした。

デフォルトテーマ - カテゴリドロップダウンが、別のオプションを選択した後も消えません(モバイルの場合)

Air Theme - カテゴリドロップダウンが、別のオプションを選択した後消えます。(モバイルの場合)

モバイルで Air Theme を使用した際の「カテゴリ」ドロップダウンが表示されない問題を見つけました。

投稿を参照

あなたのリポジトリのコード Common.scss には次のように記載されています。

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

コードを次のように更新しました。

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

これで、別のドロップダウンオプションを選択した後も、カテゴリドロップダウンが消えなくなりました。 :slight_smile:

「いいね!」 2

皆さん、こんにちは。

セルフホストのDiscourseをカスタマイズしようとしていて、このテーマを良い出発点だと見つけました!

CSS(背景の変更など)をどのように変更していますか?
デフォルトのテーマにあるような、「テーマ」ページに「カスタムCSS/HTML」セクションがないためです。

「いいね!」 2

こんにちは。

  1. フォーラム用の新しいテーマコンポーネントを作成します。
  2. 作成したコンポーネントを、使用中のテーマ、または最初に確認するための「開発」テーマに追加します。
  3. コンポーネント設定で「CSS/HTMLの編集」ボタンを見つけます。
  4. 作成して、視野を広げましょう! :fire:

「いいね!」 4

クール。コンポーネントが単なるCSSの微調整であるとは思いませんでした。

ありがとうございます。

「いいね!」 3

こんにちは。
コンソールにアラートが表示されています。

deprecated.js:61 Deprecation notice: PluginOutlet arguments should now be passed using `@outletArgs=` instead of `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in 

テーマの設定で何か忘れていることはありますか?
確認しましたが、見当たりません…

「いいね!」 3