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

fix(rtl): keep textarea nav buttons at physical right to avoid scrollbar overlap

Browse Source 
In RTL, browser places textarea scrollbar on the left. Using inset-inline-end
put nav buttons also on the left, causing overlap. Keep physical right/padding-right
so buttons are always away from the scrollbar.

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

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

@@ -35,9 +35,7 @@
} }
.prompt-input { .prompt-input {
@apply w-full pt-2.5 border text-sm resize-none outline-none transition-colors; @apply w-full pl-3 pr-10 pt-2.5 border text-sm resize-none outline-none transition-colors;
padding-inline-start: 0.75rem;
padding-inline-end: 2.5rem;
font-family: inherit; font-family: inherit;
background-color: var(--surface-base); background-color: var(--surface-base);
color: var(--text-primary); color: var(--text-primary);
@@ -87,7 +85,7 @@
.prompt-nav-buttons { .prompt-nav-buttons {
position: absolute; position: absolute;
top: 0.25rem; top: 0.25rem;
inset-inline-end: 0.25rem; right: 0.25rem;
bottom: 0.25rem; bottom: 0.25rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;