From d19d05ec7bf71e615299a2a75953035daf68e32c Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Wed, 8 Oct 2025 18:20:45 +0300 Subject: [PATCH] fix(client/rtl): select arrow in wrong position --- apps/client/src/stylesheets/theme-next/forms.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css index 963476578..f62970207 100644 --- a/apps/client/src/stylesheets/theme-next/forms.css +++ b/apps/client/src/stylesheets/theme-next/forms.css @@ -358,12 +358,19 @@ select.form-control, outline: 3px solid transparent; outline-offset: 6px; padding-inline-end: calc(15px + 1.5rem); - background: var(--input-background-color) var(--dropdown-arrow); + background: var(--input-background-color) var(--dropdown-arrow);; color: var(--input-text-color); border: unset; border-radius: 0.375rem; } +body[dir=rtl] select, +body[dir=rtl] select.form-select, +body[dir=rtl] select.form-control, +body[dir=rtl] .select-button.dropdown-toggle.btn { + background-position: left 0.75rem center; +} + select:hover, select.form-select:hover, select.form-control:hover,