web-dev-qa-db-ja.com

Drupalモジュール用のRTL CSSファイル（style-rtl.css）を作成する方法

モジュールの「style.css」ファイルがあり、そのファイルに次の構文が含まれているとします。

.myCalss1 {
  right: 10px;
  margin: 0 5px 0 0;
}

次に、次の構文を使用して「style-rtl.css」という追加のファイルを作成します（前のものを反転させます）。

.myClass1 {
  right: initial;
  left: 10px;
  margin: 0 0 0 5px;
}

システムにRTLファイルを優先させるにはどうすればよいですか？

8themingi18n-l10n
1
JohnDoea

解決

（たとえば、上記で説明した構造に基づいて）反転したrtl cssを作成し、テーマまたはモジュールのフォルダーに移動し、ライブラリファイル（libraries.ymlなど）に移動して、最後に参照を作成しますライブラリ--->新しいファイルへ。以下は、私のモジュールの1つ（管理ツールバー）のライブラリファイルの例です。

enter image description here

注意：

タブキーまたはスペースキーを使用して構文をインデントすると、ファイルが正しく機能しない場合があります。問題がある場合は、これらの2つのインデントオプションのもう1つを試してください（特定の方法でインデントする方法を選択すると、一部のファイルが適切に機能しない場合があります。ファイルタイプ自体の構造に関係しています）。

1
JohnDoea