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

Force visibility of code execution buttons with defensive CSS and improved z-index

Browse source
This commit is contained in:
Russell Ballestrini 2025-11-10 16:33:59 -05:00
parent b40ff56b23
commit 117fee0d30
3 changed files with 32 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/src/uncloseai-embed-modal.js
View file

@ -113,6 +113,8 @@ function addCodeBlockCopyButtons(element) {
buttonContainer.style.right = "8px";
buttonContainer.style.display = "flex";
buttonContainer.style.gap = "4px";
buttonContainer.style.zIndex = "10";
buttonContainer.style.pointerEvents = "auto";
// Create copy button
const copyBtn = document.createElement("button");

27
public/src/uncloseai-modal-builtin.css
View file

@ -836,21 +836,24 @@ dialog#tts-modal {
/* Code block styles */
.uncloseai-code-copy-btn {
background: rgba(0, 0, 0, 0.6);
color: white;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 8px;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
opacity: 0.9;
transition: all 0.2s;
white-space: nowrap;
background: rgba(0, 0, 0, 0.6) !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
padding: 4px 8px !important;
border-radius: 4px !important;
font-size: 14px !important;
cursor: pointer !important;
opacity: 0.9 !important;
transition: all 0.2s !important;
white-space: nowrap !important;
display: inline-block !important;
visibility: visible !important;
pointer-events: auto !important;
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
background: rgba(0, 0, 0, 0.8);
opacity: 1 !important;
background: rgba(0, 0, 0, 0.8) !important;
}
/* Message action buttons */

27
public/src/uncloseai-modal-pico.css
View file

@ -906,21 +906,24 @@ dialog#tts-modal {
/* Code block styles */
.uncloseai-code-copy-btn {
background: rgba(0, 0, 0, 0.6);
color: white;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 4px 8px;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
opacity: 0.9;
transition: all 0.2s;
white-space: nowrap;
background: rgba(0, 0, 0, 0.6) !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
padding: 4px 8px !important;
border-radius: 4px !important;
font-size: 14px !important;
cursor: pointer !important;
opacity: 0.9 !important;
transition: all 0.2s !important;
white-space: nowrap !important;
display: inline-block !important;
visibility: visible !important;
pointer-events: auto !important;
}
.uncloseai-code-copy-btn:hover {
opacity: 1;
background: rgba(0, 0, 0, 0.8);
opacity: 1 !important;
background: rgba(0, 0, 0, 0.8) !important;
}
/* Message action buttons */