From df7b47bc61cb18116b1b5f5de2de65bcf442afae Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Mon, 10 Nov 2025 15:37:46 -0500 Subject: [PATCH] Fix code block copy/run buttons not showing - remove conflicting CSS absolute positioning --- public/src/uncloseai-modal-builtin.css | 18 +++++++----------- public/src/uncloseai-modal-pico.css | 18 +++++++----------- 2 files changed, 14 insertions(+), 22 deletions(-) diff --git a/public/src/uncloseai-modal-builtin.css b/public/src/uncloseai-modal-builtin.css index 604deae..e556d35 100644 --- a/public/src/uncloseai-modal-builtin.css +++ b/public/src/uncloseai-modal-builtin.css @@ -836,25 +836,21 @@ dialog#tts-modal { /* Code block styles */ .uncloseai-code-copy-btn { - position: absolute; - bottom: 8px; - right: 8px; - background: none; + background: rgba(0, 0, 0, 0.6); color: white; - border: none; + border: 1px solid rgba(255, 255, 255, 0.3); padding: 4px 8px; border-radius: 4px; - font-size: 18px; + font-size: 14px; cursor: pointer; - opacity: 0.8; - transition: opacity 0.2s; - z-index: 5; + opacity: 0.9; + transition: all 0.2s; + white-space: nowrap; } - - .uncloseai-code-copy-btn:hover { opacity: 1; + background: rgba(0, 0, 0, 0.8); } /* Message action buttons */ diff --git a/public/src/uncloseai-modal-pico.css b/public/src/uncloseai-modal-pico.css index 81b5127..7040df3 100644 --- a/public/src/uncloseai-modal-pico.css +++ b/public/src/uncloseai-modal-pico.css @@ -906,25 +906,21 @@ dialog#tts-modal { /* Code block styles */ .uncloseai-code-copy-btn { - position: absolute; - bottom: 8px; - right: 8px; - background: none; + background: rgba(0, 0, 0, 0.6); color: white; - border: none; + border: 1px solid rgba(255, 255, 255, 0.3); padding: 4px 8px; border-radius: 4px; - font-size: 18px; + font-size: 14px; cursor: pointer; - opacity: 0.8; - transition: opacity 0.2s; - z-index: 5; + opacity: 0.9; + transition: all 0.2s; + white-space: nowrap; } - - .uncloseai-code-copy-btn:hover { opacity: 1; + background: rgba(0, 0, 0, 0.8); } /* Message action buttons */