From cdc8bc5ec5b8283d3047d36af4c5f60d511a9408 Mon Sep 17 00:00:00 2001 From: Go MAEDA Date: Sun, 23 Nov 2025 01:45:22 +0000 Subject: [PATCH] Reaction buttons are positioned incorrectly in RTL text direction (#43510). Patch by Go MAEDA (user:maeda). git-svn-id: https://svn.redmine.org/redmine/trunk@24159 e93f8b46-1217-0410-a6f0-8f06a7374b81 --- app/assets/stylesheets/application.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index aa6b5244b..ccb2a8107 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -2072,7 +2072,7 @@ span[role="img"].avatar.s50 { text-decoration: none; } .reaction-button .icon-label { - margin-left: 3px; + margin-inline-start: 3px; margin-bottom: -1px; font-weight: bold; } @@ -2089,21 +2089,21 @@ span[role="img"].avatar.s50 { color: var(--oc-gray-6); } div.issue.details .reaction { - float: right; + float: inline-end; font-size: 0.9em; margin-top: 0.5em; - margin-left: 10px; - clear: right; + margin-inline-start: 10px; + clear: inline-end; } div.message .reaction { - float: right; + float: inline-end; font-size: 0.9em; - margin-left: 10px; + margin-inline-start: 10px; } div.news .reaction { - float: right; + float: inline-end; font-size: 0.9em; - margin-left: 10px; + margin-inline-start: 10px; } /* Custom JQuery styles */