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

fix: remove chat area padding and unify copy button styling

Browse source 
- Set chat area padding to 0px
- Remove light mode specific copy button styling for consistency

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Russell Ballestrini 2025-07-10 19:10:01 -04:00
parent 6419528ae1
commit db5a243228
2 changed files with 3 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -89,7 +89,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] {
/* Chat area */
.uncloseai-modal-chat-area {
overflow-y: auto;
padding: 16px;
padding: 0px;
-webkit-overflow-scrolling: touch;
background: var(--uncloseai-content-background, #f8f9fa);
}
@ -816,19 +816,7 @@ dialog#tts-modal {
z-index: 5;
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
@ -896,7 +884,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
/* Chat area */
.uncloseai-modal-chat-area {
overflow-y: auto;
padding: 16px;
padding: 0px;
-webkit-overflow-scrolling: touch;
background: var(--uncloseai-content-background, #f8f9fa);
}

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

@ -872,19 +872,7 @@ dialog#tts-modal::backdrop {
z-index: 5;
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
/* Light theme copy button */
dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
background: rgba(255, 255, 255, 0.9);
color: #333;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
@ -952,7 +940,7 @@ dialog#uncloseai-embedded-modal[data-theme="light"] .uncloseai-code-copy-btn {
/* Chat area */
.uncloseai-modal-chat-area {
overflow-y: auto !important;
padding: 16px !important;
padding: 0px !important;
-webkit-overflow-scrolling: touch !important;
}