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

fix(ui): restore prompt navigation button placement

Browse Source
This commit is contained in:
Shantur Rathore
2026-03-25 11:53:59 +00:00
parent 5f24fd4db7
commit fd529196fa
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -36,8 +36,8 @@
.prompt-input { .prompt-input {
@apply w-full pt-2.5 border text-sm resize-none outline-none transition-colors; @apply w-full pt-2.5 border text-sm resize-none outline-none transition-colors;
padding-inline-start: 2.5rem; padding-inline-start: 0.75rem;
padding-inline-end: 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);
@@ -83,13 +83,11 @@
color: var(--text-primary); color: var(--text-primary);
} }
/* Navigation buttons container (expand, prev, next). /* Navigation buttons container (expand, prev, next). */
Intentionally at inline-start (left in LTR, right in RTL) so buttons never overlap
the scrollbar, which browsers always place at inline-end. */
.prompt-nav-buttons { .prompt-nav-buttons {
position: absolute; position: absolute;
top: 0.25rem; top: 0.25rem;
inset-inline-start: 0.25rem; inset-inline-end: 0.25rem;
bottom: 0.25rem; bottom: 0.25rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -379,7 +377,7 @@
.prompt-input { .prompt-input {
min-height: 0; min-height: 0;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
padding-inline-start: 2.5rem; /* preserve space for nav buttons */ padding-inline-end: 2.5rem;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
} }