engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: increase floating button width to prevent text wrapping

Browse source 
- Increased width from 110px to 120px to accommodate 'uncloseai.' text
- Added white-space: nowrap to prevent any text wrapping
- Updated both PicoCSS and built-in CSS versions
This commit is contained in:
Russell Ballestrini 2025-07-10 08:23:56 -04:00
parent d9ee717d13
commit 54d98679ff
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/uncloseai-modal-builtin.css
View file

@ -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);

3
src/uncloseai-modal-pico.css
View file

@ -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);