diff --git a/pipe/server.py b/pipe/server.py index 4729fb0..6fd5e96 100644 --- a/pipe/server.py +++ b/pipe/server.py @@ -477,18 +477,26 @@ padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit} .export-btn{background:var(--karte);border:1px solid var(--rand);color:var(--fg);border-radius:8px; padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit;margin-left:8px} .export-btn:hover{border-color:var(--muted)} -.bewertung{display:flex;align-items:center;gap:6px;margin-top:8px} -.bewertung button{font-size:15px;background:var(--bg);border:1px solid var(--rand);border-radius:7px; -padding:3px 8px;cursor:pointer;line-height:1;opacity:.55} -.bewertung button:hover{opacity:1;border-color:var(--muted)} -.bw-gut.aktiv{opacity:1;background:color-mix(in srgb,var(--gut) 18%,var(--bg));border-color:var(--gut)} -.bw-schlecht.aktiv{opacity:1;background:color-mix(in srgb,var(--schlecht) 18%,var(--bg));border-color:var(--schlecht)} -.bw-korrektur{display:none;align-items:center;gap:5px} -.bw-korrektur.zeigen{display:flex} -.bw-korrektur select{font:inherit;font-size:12px;padding:2px 4px;border-radius:6px; +.melde-btn{font-size:13px;background:var(--bg);border:1px solid var(--rand);border-radius:7px; +padding:2px 6px;cursor:pointer;line-height:1.4;opacity:.5;flex:none} +.melde-btn:hover{opacity:1;border-color:var(--muted)} +.melde-btn.aktiv{opacity:1;background:color-mix(in srgb,var(--schlecht) 18%,var(--bg));border-color:var(--schlecht)} +/* Meldung-Modal: generisches, wiederverwendbares Overlay (siehe JS-Objekt + "meldung" unten) - nicht fest an den Melde-Button gekoppelt, damit + spaetere "Melden"-Stellen dasselbe Modal nutzen koennen. */ +.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45); +z-index:20;align-items:center;justify-content:center;padding:20px} +.modal-overlay.zeigen{display:flex} +.modal{background:var(--karte);border-radius:12px;padding:18px;max-width:420px;width:100%; +box-shadow:0 12px 40px rgba(0,0,0,.3)} +.modal h3{margin:0 0 4px;font-size:15px} +.modal-kontext{color:var(--muted);font-size:12.5px;margin:0 0 10px} +.modal textarea{width:100%;min-height:90px;font:inherit;font-size:13px;padding:8px; +border-radius:8px;border:1px solid var(--rand);background:var(--bg);color:var(--fg);resize:vertical} +.modal-aktionen{display:flex;justify-content:flex-end;gap:8px;margin-top:12px} +.modal-aktionen button{font:inherit;font-size:13px;padding:6px 14px;border-radius:8px;cursor:pointer; border:1px solid var(--rand);background:var(--bg);color:var(--fg)} -.bw-korrektur button{font-size:12px;padding:3px 8px;opacity:1;background:var(--gut); -color:#fff;border-color:var(--gut)} +.modal-aktionen button.primaer{background:var(--gut);border-color:var(--gut);color:#fff} .sicher-btn{background:var(--karte);border:1px solid var(--rand);color:var(--fg);border-radius:8px; padding:6px 12px;font-size:13px;cursor:pointer;font-family:inherit;margin-right:8px} .sicher-btn:hover{border-color:var(--muted)} @@ -586,6 +594,17 @@ color:var(--gut);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:
+