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; }