アップデートで汎用バナーが変更されました - CSSをどこに追加できるかわかりません

サイトの汎用バナーが、最近のアップデートと思われるもの以降、ひどく崩れています。スケジュールをどのようにスタイル設定すればよいかわかりません。どなたか、これをより良く見せるためのCSSをどこに配置すればよいかご存知ですか?

Discourse テスト済みベータ版と Versatile Banner をフォーラムで実行しており、期待どおりに動作しています(ユーザーカードのリンクを参照してください)。他のコンポーネントや最近の変更との競合があるのでしょうか?最近、他に何か変更やコンポーネントの追加を行いましたか?

これは最近のコミットに関連していましたか?あなたのフォーラムにあるかどうかはわかりません。管理ダッシュボードで、Discourse が最後に更新されたのはいつと表示されますか?

(DEV: Do not manipulate theme module paths at build-time by davidtaylorhq · Pull Request #23148 · discourse/discourse · GitHub)

「いいね!」 1

会話から外れますが…ディスコースコアのアップデートで何かが変更された可能性がありますか?以前、スケジュールをきれいに見せるために追加したCSSが機能しなくなりました。

「いいね!」 1

おそらく、私がリンクしたコミットが原因でしょう。テーブルビルダーコンポーネントの更新が、まだ私のフォーラムに適用されていないそのコミットのために、昨夜私のフォーラムを壊しました。最近コンポーネントを更新しましたか?機能するには、そのコミットをサイトにマージする必要があるかもしれません。

「いいね!」 1

それは私の給料以上です。コミット作業が何を意味するのかよくわかりません…私たちのサイトでは何も手動で更新していないと思います。Discourseでホストしているので、彼らがアップデートをプッシュしているのだと思いますか?

「いいね!」 1

フォーラムをちょっと見てみますね… :slight_smile:

あと、コンポーネントのアップデートの件は気にしないでください。最新の状態でした。確認しました。

えーっと、どうやってサインアップすればいいですか?サインアップリンクをクリックしたら、広告の巨大なページが表示されました。

残念ながら、設定されている方法ではコードを見るためのアクセスができません。

「いいね!」 1

Versatile Bannerを調整するには、コンポーネントタブの下にある/admin/customize/themesページから設定や入力ボックスにアクセスできます。

以前の状態のスクリーンショット、または各column content設定内にあるコードのスニペットはありますか?

「いいね!」 3

有料フォーラムなので、ペイウォールを通過する必要があります。

以前は以下のようでした(矢印は無視してください):

使用しているコードは次のとおりです:

<p>
  <span>ライブQ&Aスケジュール -</span>
  <span>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-george-gammon-questions/12481"
    >
      <span>ジョージ・ギャモン:</span>火曜日 5月23日 午後8時EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-23-2023-reply-with-your-lyn-alden-questions/12446">
      <span>リン・アルデン:</span>火曜日 5月23日 午後4時EST</a>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-25-2023-reply-with-your-chris-macintosh-questions/12502"
    >
      <span>クリス・マッキントッシュ:</span>木曜日 5月25日 午後7時EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-5-2023-reply-with-your-brent-johnson-questions/12444">
      <span>ブレント・ジョンソン:</span>月曜日 6月5日 午後7時EST</a>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-6-12-2023-reply-with-your-jason-hartman-questions/12491"
    >
      <span>ジェイソン・ハートマン:</span>月曜日 6月12日 午後4時EST</a>
    <a href="https://forum.georgegammon.com/t/upcoming-live-happy-hour-6-19-2023-reply-with-your-team-rcp-questions/12383">
      <span>RCPハッピーアワー:</span>月曜日 6月19日 午後3時30分EST</a>
    <a
      href="https://forum.georgegammon.com/t/upcoming-live-q-a-5-29-2023-reply-with-your-patrick-ceresna-questions/12402"
    >
      <span>パトリック・セレスナ:</span>月曜日 5月29日 午後1時EST</a>
    <a
      href="https://forum.georgegammon.com/t/rcp-podcast/6173"
    >
      <span>RCPライブQ&Aポッドキャスト</span>(音声のみ)</a>
  </span>
</p>

最近の変更でCSSコードが削除されたように見えます。それらのspanタグにはプロパティが必要だと思います。それらのタグをフォーマットするために使用されるCSSコードを投稿していただけますか?それはおそらく、コンポーネントまたはテーマの共通/CSSにあるでしょう。

「いいね!」 1

ええ、それは非常に理にかなっています。開発担当者がアップデート後にCSSをどこに配置すればよいかわからないと言っていました。それが問題だったのでしょう。

「いいね!」 1

CSSコードがあれば、それらのタグを修正できます。開発担当者が修正する場合、CSSフォーマットコードに対応する正しいspanプロパティでそれらのタグを埋める必要があります。

以前開発者が適用したCSSスタイルは、別のコンポーネントに含めるべきです。例えば、「Versatile Banner Custom」や「Custom Banner」といったタイトルのコンポーネントはありますか?

JammyDodgerさん、当方では汎用バナーが1つだけございます…こんな感じです…

カスタムスタイルとは何ですか?それが原因だと思います。コードはCommon/Cssにあります(ボタンがあります)。

「いいね!」 1

このタブは次のようになります。

その中に1つのスタイル要素が見つかりました。

それなら違うかもしれません。共通タブに何もありませんか?アイデアは正しいですが、コードが存在するコンポーネントまたはテーマを見つける必要があります。

空です…そのプラグインには、上記のデスクトップセクション内にあるもの以外は何もありません。

header-theme-selector が原因かもしれませんが、疑わしいです。よくわかりません。コード全体を確認しないと判断できません。

見つからない場合は、CSSをアドリブで作成して、元の見た目をスクリーンショットと一致させることができるかもしれません。ただし、あの赤いヘッダーフォントが何なのかはわかりません。

編集:提供されたものに基づいて新しいバナーを作成しています。少し時間をください。

「いいね!」 1