From d488150eeec1cb3cc379a1166d1e1b30fa723369 Mon Sep 17 00:00:00 2001 From: Hamza Date: Mon, 19 Jan 2026 17:21:25 +0100 Subject: [PATCH 1/3] docs(dev-manual): css RTL/LTR guidelines Signed-off-by: Hamza --- developer_manual/html_css_design/css.rst | 43 ++++++++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/developer_manual/html_css_design/css.rst b/developer_manual/html_css_design/css.rst index d8d4814926c..979ad0c7301 100644 --- a/developer_manual/html_css_design/css.rst +++ b/developer_manual/html_css_design/css.rst @@ -263,3 +263,46 @@ There are some predefined classes for public use to ease developing an applicati +----------------------------------------------+------------------------------------------------------------------------------------------------------------------------------------------------+ | ``.inlineblock`` | Make an element an inline block | +----------------------------------------------+------------------------------------------------------------------------------------------------------------------------------------------------+ + +RTL guidelines +============== + +Dos and Don'ts +^^^^^^^^^^^^^^ + +.. list-table:: + :header-rows: 1 + + * - Bad + - Good + - Description + * - Use physical properties ``margin-left`` + - Use logical properties ``margin-inline-start`` + - Using logical propreties automatically adapts to LTR/RTL + * - Use ``left`` or ``right`` + - Use inset-inline-start/end + - Keep positiong directon aware + * - Use text-align: left/right + - Use text-align: start/end + - Text aligns correctly in both modes + * - Use border-left/right + - Use border-inline-start/end + - Borders flip correctly + * - Use float: left/right + - Use float: inline-start/end + - Float respects direction + * - Assume RTL “just works” + - Test your app with RTL languages + - Using the correct css value is not always enough to avoid bugs + + + + + + + + + + + + \ No newline at end of file From 5ed3630b248ca93f2e5b6bdc44fa510aa1b5d64a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6?= Date: Tue, 28 Apr 2026 14:32:02 +0200 Subject: [PATCH 2/3] fix: codespell MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: John Molakvoæ Signed-off-by: John Molakvoæ --- developer_manual/html_css_design/css.rst | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/developer_manual/html_css_design/css.rst b/developer_manual/html_css_design/css.rst index 979ad0c7301..f29c3deaf98 100644 --- a/developer_manual/html_css_design/css.rst +++ b/developer_manual/html_css_design/css.rst @@ -278,10 +278,10 @@ Dos and Don'ts - Description * - Use physical properties ``margin-left`` - Use logical properties ``margin-inline-start`` - - Using logical propreties automatically adapts to LTR/RTL + - Using logical properties automatically adapts to LTR/RTL * - Use ``left`` or ``right`` - Use inset-inline-start/end - - Keep positiong directon aware + - Keep positioning direction-aware * - Use text-align: left/right - Use text-align: start/end - Text aligns correctly in both modes From 5c0d418ea14d4c76ae147e39eacedb4cc1ca30fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6?= Date: Tue, 28 Apr 2026 14:38:39 +0200 Subject: [PATCH 3/3] fix(developer): subtitle level inconsistent MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ --- developer_manual/html_css_design/css.rst | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/developer_manual/html_css_design/css.rst b/developer_manual/html_css_design/css.rst index f29c3deaf98..6d5ac4b6a16 100644 --- a/developer_manual/html_css_design/css.rst +++ b/developer_manual/html_css_design/css.rst @@ -268,7 +268,7 @@ RTL guidelines ============== Dos and Don'ts -^^^^^^^^^^^^^^ +-------------- .. list-table:: :header-rows: 1