デフォルトのカラースキームでも同じ問題が発生しています（以前にスキームを切り替えていません）。
奇妙なことに、背景とアイコンは同じ--primary-low-midカラーを使用しており、その周りで最近の変更は見られません。
「いいね！」 2
報告ありがとうございます。問題を見つけ、修正しました。
「いいね！」 1
皆さん、こんにちは。Air Theme を使用していますが、フォーラムのホームページで最新の投稿をユーザーに表示したいと考えています。しかし、Air Theme ではカテゴリしか表示されず、デフォルトのテーマのような最新のアクティビティ投稿も表示されません。
モバイルデバイスのホームページで、カテゴリと最新の投稿の両方（カテゴリのすぐ下に）を表示するにはどうすればよいですか？
これは最もクリーンな方法ではないかもしれませんが、Desktop CSS にこれらの行を追加してください。
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
「いいね！」 1
皆さん、こんにちは。Air Theme にアップデートしました。ちなみに、とても気に入っています。
しかし、以前は discourse-trendy-login を使用してログイン画面に背景画像を設定していましたが、Air Theme を使用している今は背景画像が表示されません。これを変更するにはどうすればよいですか？よろしくお願いします。
サイトへのリンクを共有していただけますか？
こちらで動作するはずです。
.background-container {
display: none;
}
動作しない場合は、こちらにご報告ください。
「いいね！」 1
ジョーダン様
画像付きバナーの設定で興味深い現象が発生しています。画像が引き伸ばされ、水平方向にスクロールしてしまいます。
一方、oneboxは幅を尊重しているようです。
以下は、バナーの上部バーが右にスクロールされ、「cleaning sed」と「edit」が中央に表示されている様子です。
さまざまな画像サイズを試しましたが、トピック内でバナー投稿のユーザー表示は問題ありません。また、RSSプラグインを使用して取得したYouTubeボックスにも影響しているようです。通常のYouTube oneboxではテストしていません。
これを修正するにはどうすればよいですか？また、CSSを使用して表示されるバナーの高さを増やす方法はありますか？
カテゴリーページでサブカテゴリーを表示することについて、いくつか質問がありました。これはModern Category + Group Boxesコンポーネントに関するものですが、それ自体のトピックがない（ですよね？）ので、ここで私の調査結果を共有します。
これは機能します。
/* サブカテゴリーを表示 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* リストからカテゴリー画像を削除 */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
また、サブカテゴリーが多い場合は、1行に1カテゴリーを表示したいかもしれません。
/* 1行に1カテゴリー */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
結果は以下のようになります。
ボックスには高さ制限があると思いますが、それを削除する方法は見つかっていません。まだサブカテゴリーが十分にないため、デスクトップでは問題が見られませんが、モバイルでは制限に達しています。
この問題の解決策について、何かアイデアはありますか？
「いいね！」 2
ChromeとEdgeブラウザでこのテーマでレスポンシブの問題が発生しています。Firefoxでは問題ありません。
どうすれば修正できますか。
ありがとうございます。
デスクトップでアバターをトピックリストに円形で表示する方法はありますか？モバイルでは円形ですが、デスクトップでは四角形なのはなぜですか？
「いいね！」 1
Air Theme では、デスクトップのアバターがモバイルと同様に円形になっています。
アバターを正方形に変更するコンポーネントはありますか？
Op の投稿によると、正方形になるはずです…
いいえ、使用していません。DiscourseのデフォルトテーマとAirテーマを使用しています。Discourseのデフォルトは円形フォーマットを使用しています。上記の他のボードの画像を見ると、すべて正方形です。
また、アバターが滑らかに見えません。
「いいね！」 1
これを修正するためにこの Theme component を使用できるかもしれません。
「いいね！」 2
まさに私が求めていたものです。本当にありがとうございます！
「いいね！」 1
このテーマの背景を変更する方法を教えていただけますか？
具体的に教えていただけますか？ 背景に画像を設定できる場所がいくつかあります。
こんにちは @jordan.vidrine コンテンツの周りにコンテナがない箇所がいくつかあることに気づきました。
これらの要素をバブル状にしたいです。テキストが白い背景から青い背景に移動するなど、読みにくくなるためです。
これはバッジですが、「獲得した…」でも同様です。
真っ白なコラムではなくバブル状の方が、より良い効果があると思います。これは、他のフローティング要素やモダンなカテゴリグループヘッダーにも適しています。
「いいね！」 1
Air テーマサポートのMod、オンラインユーザー Plugin
Theme component を作成します
共通CSSを編集し、このコードを追加します
// Whis Online Customization
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
Air テーマでコンポーネントを有効にする
結果：以前は背景色や境界線なしで表示され、読みにくかった
この問題がある領域をいくつか修正したいと考えています。
例は前の投稿に示されています。
編集：グローバルバナーの追加修正 問題
グローバルバナーの仕様に関する追加情報：
//global banner image fix
#banner img {
width: 100%;
height: auto;
}
このコードスニペットを提供してくれた @awesomerobot に感謝します。
「いいね！」 1
皆さん、こんにちは。このテーマにカスタムCSSを追加しようとしていたのですが、他のテーマカスタマイズオプションと一緒にオプションがありません。何が足りないのでしょうか？