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

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

View File

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