ブランドヘッダーのRTL対応化

このコンポーネントを RTL ウェブサイトと互換性を持たせるにはどうすればよいですか?

わずかな CSS カスタマイズでこの RTL 対応が可能になります。対応を進めます。

「いいね!」 4

このコンポーネントは RTL サイトと互換性がありません。どうすればよいでしょうか?

以前試したことがありますが、予想以上に多くの変更が必要でした。現在のロードマップには含まれていません。#pr-welcome。

「いいね!」 3

PR の提出は可能ですが、テーマコンポーネント内でディスコースの方向を変数として取得する方法がわかりません。

「いいね!」 1

RTL レイアウトでは、<html> タグに CSS クラス rtl が含まれます。これに基づいてカスタマイズを行うことができます。必要に応じて、JS コード内で const isRTL = $("html").hasClass("rtl"); を呼び出して確認することもできます。

「いいね!」 1

申し訳ありません、私の理解が正しくなかったようです。common.scss ファイルに Discourse のグローバル方向を示す変数を追加する必要があるだけです。以下のページではそのような変数が見つかりませんでした。

common.scss にその変数があれば、カスタマイズは非常に簡単になるはずです。なければ、どのようにすればよいかわかりません。

はい、グローバルな CSS 変数はおそらくありません。カスタマイズ方法を確認するには、rtl.scss ファイルを確認してください。

PR を提出しました

「いいね!」 3

マージされました。PR ありがとうございます :heart:

「いいね!」 5