diff --git a/README.md b/README.md index f1ebb90..7b165a5 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,7 @@ file:///C:/TOOL/beat-saber-overlay-bsr_no-performance_add/index.html?modifiers=t - `top` * オーバーレイの表示を上部に配置し、レイアウトを垂直方向に反転します。 - `rtl` - * オーバーレイを右に移動し、右揃えのレイアウトにします。 + * オーバーレイを右に移動し、右揃えのレイアウトにします。 `!`と`.`の表示に問題があります。（下記参照) - `scale` * 1080p(1920x1080)の画面で使用するために、オーバーレイを1.5倍にスケーリングします。 - `test` @@ -54,6 +54,20 @@ file:///C:/TOOL/beat-saber-overlay-bsr_no-performance_add/index.html?modifiers=t - `no-performance` * スコア表示を消します。　 （今回追加） +### `rtl`の表示修正 + +上記`rtl`オプションを使用すると、下記画像の様に`!`や`.`の表示位置がおかしくなる問題があります。 + +![image](https://github.com/rynan4818/rynan4818.github.io/blob/master/beatsaber-overlay-rtl2.png?raw=true) + +この問題を修正するため、`rtl`オプションの代わりに、`index_rtl.html`を追加しました。 +`index.html`の代わりに`index_rtl.html`に変更して使用してください。 +デフォルトで右側表示になります。`rtl`オプション以外はそのまま使用可能です。 + +``` +file:///C:/TOOL/beat-saber-overlay-bsr_no-performance_add/index_rtl.html?modifiers=top,bsr +``` + ### bsrの表示位置や文字サイズを変更したい場合 表示位置を変更したい場合は`index.html`の以下の部分を修正して下さい。 diff --git a/index_rtl.html b/index_rtl.html new file mode 100644 index 0000000..5a4fb57 --- /dev/null +++ b/index_rtl.html @@ -0,0 +1,68 @@ + + + + + Overlay + + + + + + + + + + + + + + + diff --git a/rtl2.css b/rtl2.css new file mode 100644 index 0000000..f3d7b46 --- /dev/null +++ b/rtl2.css @@ -0,0 +1,17 @@ +#overlay { + direction: ltr; + right: 40px; + text-align: right; +} + +#titles { + display: block; +} + +#njs { + direction: rtl; +} + +#score { + transform: translate(2px, 0); +}