From 0d47b7ca80b0e305d32b84d560506f0d588ef65f Mon Sep 17 00:00:00 2001 From: Claude Date: Sat, 26 Sep 2026 14:44:30 +0000 Subject: [PATCH] Chat: Senden-Knopf in der App-Ansicht (Handy quer, Tablet hochkant) rund Die App-Ansicht (kundenbereich.css) gilt bis 880 px und fuer Handys quer, der runde Senden-Knopf mit Symbol galt bisher erst unter 640 px. Dazwischen stand "Senden" in einem 46-px-Kreis und lief ueber den Rand (auch waehrend der Sprachaufnahme). Jetzt gilt der runde Knopf unter derselben Bedingung wie die App-Ansicht. Co-Authored-By: Claude Opus 5.5 --- public/chat-composer.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/public/chat-composer.css b/public/chat-composer.css index 095babc..d578ff9 100644 --- a/public/chat-composer.css +++ b/public/chat-composer.css @@ -220,13 +220,18 @@ html.chat-overlay-open, html.chat-overlay-open body { overflow: hidden; } .chat-shutter:active:not(:disabled) { background: #fff; } .chat-shutter:disabled { opacity: 0.4; cursor: default; } +/* App-Ansicht (gleiche Bedingung wie in kundenbereich.css: Handy, Tablet hochkant, Handy quer): + Senden als runder Knopf mit Symbol */ +@media (max-width: 880px), (pointer: coarse) and (max-height: 500px) { + .chat-send { width: 46px; padding: 0; } + .chat-send .chat-ico { display: inline-grid; } + .chat-send .chat-send-label { display: none; } +} @media (max-width: 640px) { .chat-composer .chat-input-row { gap: 6px; } .chat-composer textarea { font-size: 16px; } /* iOS zoomt sonst beim Tippen hinein */ .chat-icon-btn { width: 42px; height: 42px; } - .chat-send { width: 42px; height: 42px; padding: 0; } - .chat-send .chat-ico { display: inline-grid; } - .chat-send .chat-send-label { display: none; } + .chat-send { width: 42px; height: 42px; } .chat-rec { height: 42px; } .chat-rec-label { display: none; } .chat-tray-item.is-file { width: 190px; }