salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(rtl): force scrollbar to right in RTL textarea, buttons at inline-end

Browse Source 
Use direction:ltr on the textarea in RTL mode to keep scrollbar on the right
(start side). Nav buttons remain at inset-inline-end (left/end in RTL).
Swap padding so left gets 2.5rem (for buttons) and right 0.75rem (for scrollbar gap).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
MusiCode
2026-03-18 02:35:34 +00:00
committed by Shantur Rathore
parent 658253a3fd
commit be8fcc98c5
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/ui/src/styles/messaging/prompt-input.css
View File

@@ -85,7 +85,7 @@
.prompt-nav-buttons { .prompt-nav-buttons {
position: absolute; position: absolute;
top: 0.25rem; top: 0.25rem;
right: 0.25rem; inset-inline-end: 0.25rem;
bottom: 0.25rem; bottom: 0.25rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -160,6 +160,15 @@
@apply opacity-60 cursor-not-allowed; @apply opacity-60 cursor-not-allowed;
} }
/* In RTL: force scrollbar to the right (start), buttons stay at inset-inline-end (left/end) */
[dir="rtl"] .prompt-input {
direction: ltr;
text-align: right;
unicode-bidi: plaintext;
padding-left: 2.5rem;
padding-right: 0.75rem;
}
.prompt-input::placeholder { .prompt-input::placeholder {
color: var(--text-muted); color: var(--text-muted);
} }