From 126276d712169310b54b6bc9107e7d68a7ae8789 Mon Sep 17 00:00:00 2001
From: MAEDA Go <maeda@farend.jp>
Date: Tue, 20 Jan 2026 09:22:07 +0900
Subject: [PATCH 2/6] Replace physical CSS properties with logical ones in
 jstoolbar.css for better RTL support

---
 app/assets/stylesheets/jstoolbar.css | 36 ++++++++++++++--------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/app/assets/stylesheets/jstoolbar.css b/app/assets/stylesheets/jstoolbar.css
index c6077be08..2d98864ad 100644
--- a/app/assets/stylesheets/jstoolbar.css
+++ b/app/assets/stylesheets/jstoolbar.css
@@ -8,54 +8,54 @@
     display: none;
 }
 .jstEditor {
-    padding-left: 0px;
+    padding-inline-start: 0px;
 }
 .jstEditor textarea, .jstEditor iframe {
     margin: 0;
 }
 .jstHandle {
-    height: 10px;
+    block-size: 10px;
     font-size: 0.1em;
     cursor: s-resize;
     /*background: transparent url(img/resizer.png) no-repeat 45% 50%;*/
 }
 #content .jstTabs.tabs {
-    margin-bottom: -1px;
+    margin-block-end: -1px;
 }
-#content .jstTabs.tabs ul {border-bottom:0;}
+#content .jstTabs.tabs ul {border-block-end: 0;}
 #content .jstTabs.tabs li {
-    height: 42px;
+    block-size: 42px;
 }
 #content .jstTabs.tabs li:before{
     content: '';
     display: inline-block;
     vertical-align: middle;
-    height: 100%;
+    block-size: 100%;
 }
 #content .jstTabs.tabs li a {
     display: inline-block;
     vertical-align: bottom;
     line-height: 19px;
-    border-bottom: 1px solid transparent;
+    border-block-end: 1px solid transparent;
 }
 .jstElements {
     display: inline-block;
     vertical-align: bottom;
-    padding-left: 6px;
-    padding-bottom:2px;
-    height: 26px;
+    padding-inline-start: 6px;
+    padding-block-end: 2px;
+    block-size: 26px;
 }
 .wiki-preview {
     color: var(--oc-gray-9);
     background-color: var(--oc-white);
     border: 1px solid var(--oc-gray-4);
 }
-.wiki-preview p.empty-preview {color:var(--oc-gray-6); font-style:italic; margin-top:1em; text-align:center;}
+.wiki-preview p.empty-preview {color: var(--oc-gray-6); font-style: italic; margin-block-start: 1em; text-align: center;}
 
 .jstElements button {
-    margin-right: 2px;
-    width : 24px;
-    height: 24px;
+    margin-inline-end: 2px;
+    inline-size : 24px;
+    block-size: 24px;
     padding: 4px;
     border-style: solid;
     border-width: 1px;
@@ -79,13 +79,13 @@
 }
 
 .jstSpacer {
-    width : 0px;
+    inline-size : 0px;
     font-size: 1px;
-    margin-right: 6px;
+    margin-inline-end: 6px;
 }
 
-.jstElements .help { float: right; margin-right: 0.5em; padding-top: 8px; font-size: 0.9em; }
-.jstElements .help a {padding: 2px 0 2px 20px; background: url(./help.png) no-repeat 0 50%;}
+.jstElements .help { float: inline-end; margin-inline-end: 0.5em; padding-block-start: 8px; font-size: 0.9em; }
+.jstElements .help a {padding-block: 2px; padding-inline-start: 20px; padding-inline-end: 0; background: url(./help.png) no-repeat 0 50%;}
 
 .table-generator td {
     border: 2px solid var(--oc-gray-5);
-- 
2.50.1