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 <noreply@anthropic.com>
This commit is contained in:
1 parent
20bf5afe28
commit
0d47b7ca80
1 file changed
+8
-3
@@ -220,13 +220,18 @@ html.chat-overlay-open, html.chat-overlay-open body { overflow: hidden; }
|
|||||||
.chat-shutter:active:not(:disabled) { background: #fff; }
|
.chat-shutter:active:not(:disabled) { background: #fff; }
|
||||||
.chat-shutter:disabled { opacity: 0.4; cursor: default; }
|
.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) {
|
@media (max-width: 640px) {
|
||||||
.chat-composer .chat-input-row { gap: 6px; }
|
.chat-composer .chat-input-row { gap: 6px; }
|
||||||
.chat-composer textarea { font-size: 16px; } /* iOS zoomt sonst beim Tippen hinein */
|
.chat-composer textarea { font-size: 16px; } /* iOS zoomt sonst beim Tippen hinein */
|
||||||
.chat-icon-btn { width: 42px; height: 42px; }
|
.chat-icon-btn { width: 42px; height: 42px; }
|
||||||
.chat-send { width: 42px; height: 42px; padding: 0; }
|
.chat-send { width: 42px; height: 42px; }
|
||||||
.chat-send .chat-ico { display: inline-grid; }
|
|
||||||
.chat-send .chat-send-label { display: none; }
|
|
||||||
.chat-rec { height: 42px; }
|
.chat-rec { height: 42px; }
|
||||||
.chat-rec-label { display: none; }
|
.chat-rec-label { display: none; }
|
||||||
.chat-tray-item.is-file { width: 190px; }
|
.chat-tray-item.is-file { width: 190px; }
|
||||||
|
|||||||
Reference in new issue
Block a user