diff --git a/src/uncloseai-modal-builtin.css b/src/uncloseai-modal-builtin.css index 158bfaa..e70fa73 100644 --- a/src/uncloseai-modal-builtin.css +++ b/src/uncloseai-modal-builtin.css @@ -1093,7 +1093,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message { position: fixed; bottom: 20px; right: 10px; - width: 110px; + width: 120px; height: 55px; border-radius: 22px; font-family: 'ChunkFiveRegular', monospace; @@ -1104,6 +1104,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message { transition: all 0.3s ease; max-width: calc(100vw - 20px); box-sizing: border-box; + white-space: nowrap; /* Dynamic colors set by JavaScript */ background: var(--floating-button-bg, #000000); border: 2px solid var(--floating-button-border, #ffffff); diff --git a/src/uncloseai-modal-pico.css b/src/uncloseai-modal-pico.css index fc441ca..1e1f84f 100644 --- a/src/uncloseai-modal-pico.css +++ b/src/uncloseai-modal-pico.css @@ -1142,7 +1142,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message { position: fixed; bottom: 20px; right: 10px; - width: 110px; + width: 120px; height: 55px; border-radius: 22px; font-family: 'ChunkFiveRegular', monospace; @@ -1153,6 +1153,7 @@ dialog#uncloseai-embedded-modal[data-theme="dark"] .user-message { transition: all 0.3s ease; max-width: calc(100vw - 20px); box-sizing: border-box; + white-space: nowrap; /* Dynamic colors set by JavaScript */ background: var(--floating-button-bg, #000000); border: 2px solid var(--floating-button-border, #ffffff);