fix: Chat-Panel Layout im Detach-Modus — Textzeile wird nicht mehr abgeschnitten [appimage]
Some checks failed
Build AppImage / build (push) Has been cancelled
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:
parent
49240842d0
commit
97488ded61
1 changed files with 6 additions and 0 deletions
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue