From 9c0a58d066a3e1b75f6fa802db447b79b3277bbf Mon Sep 17 00:00:00 2001 From: Richard Sauer Date: Wed, 8 Apr 2026 16:12:08 +1000 Subject: [PATCH] Fix popup: solid dark background, stronger overlay, drop shadow --- templates/editor.html | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/templates/editor.html b/templates/editor.html index d0b5785..628e061 100644 --- a/templates/editor.html +++ b/templates/editor.html @@ -158,10 +158,9 @@ body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var( .inline-edit{background:transparent;border:none;border-bottom:2px solid var(--blue);color:var(--text);font-size:inherit;font-family:inherit;text-align:center;outline:none;width:100%} /* Popup */ -#popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:500} +#popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:none;align-items:center;justify-content:center;z-index:500} #popup-overlay.active{display:flex} -.popup{z-index:501} -.popup{background:var(--card);border:3px solid var(--blue);border-radius:16px;padding:24px;width:500px;display:flex;flex-direction:column;align-items:center;gap:16px} +.popup{z-index:501;background:#0d1220;border:3px solid var(--blue);border-radius:16px;padding:24px;width:500px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 16px 48px rgba(0,0,0,0.8)} .popup .title{font-size:24px;color:var(--text2)} .popup .live{font-size:32px;font-weight:700} .popup .sp-row{display:flex;align-items:center;gap:20px} @@ -171,7 +170,7 @@ body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var( .popup .close-btn{width:160px;height:44px;border:none;border-radius:8px;background:var(--blue);color:var(--text);font-size:16px;font-weight:600;cursor:pointer} /* Automation editor */ -.auto-editor{width:700px;max-width:95vw;max-height:80vh;overflow-y:auto} +.auto-editor{width:700px;max-width:95vw;max-height:80vh;overflow-y:auto;background:#0d1220;border-radius:16px;padding:24px} .auto-editor h3{font-size:20px;margin-bottom:12px} .auto-rule{display:flex;gap:8px;align-items:center;padding:10px;background:var(--bg);border-radius:8px;margin-bottom:8px} .auto-rule select,.auto-rule input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:14px}