fix: Chat-Panel Layout im Detach-Modus — Textzeile wird nicht mehr abgeschnitten [appimage]
Some checks failed
Build AppImage / build (push) Has been cancelled

- .chat-input: flex-shrink: 0 + max-height verhindert Überlaufen
- .chat-input textarea: max-height + overflow-y für Scroll bei langen Eingaben
- .chat-panel + .chat-messages: min-height: 0 für korrektes Flex-Overflow (WebKitGTK)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Eddy 2026-04-21 14:35:53 +02:00
parent 49240842d0
commit 97488ded61

View file

@ -1411,6 +1411,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
min-height: 0; /* Flex-Kinder korrekt begrenzen (WebKitGTK) */
} }
.chat-header { .chat-header {
@ -1477,6 +1478,7 @@
.chat-messages { .chat-messages {
flex: 1; flex: 1;
min-height: 0; /* Flex-Overflow korrekt begrenzen */
overflow-y: auto; overflow-y: auto;
padding: var(--spacing-md); padding: var(--spacing-md);
display: flex; display: flex;
@ -1972,6 +1974,8 @@
background: var(--bg-secondary); background: var(--bg-secondary);
border-top: 1px solid var(--bg-tertiary); border-top: 1px solid var(--bg-tertiary);
position: relative; position: relative;
flex-shrink: 0; /* Nicht schrumpfen — Eingabe bleibt immer sichtbar */
max-height: 160px; /* Puffer für mehrzeilige Eingabe */
} }
.chat-input textarea { .chat-input textarea {
@ -1979,6 +1983,8 @@
resize: none; resize: none;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.4; line-height: 1.4;
max-height: 120px; /* Max ~6 Zeilen, dann scrollen */
overflow-y: auto;
} }
.send-button { .send-button {