FailedProxy/Varaverk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Varaverk mark behind every conversation, assistant and mesh, and larger

Browse Source 
On the positioned wrapper rather than the scroller — a background on the transcript is anchored to its padding box and drifts as it scrolls.
This commit is contained in:
Gmer4Lfe
2026-08-17 17:49:23 -04:00
parent be10e78c7a
commit 4f99efcf2c
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Plugin/unraid/include/ai_chat.php
+15 -1
View File
@@ -149,8 +149,22 @@ function vv_ai_chat_assets(): void {
border-top:1px dashed #1e1e1e; padding-top:8px; }
/* ── Transcript ─────────────────────────────────────────────────────────── */
.vv-ai-chat { border:1px solid #262626; border-radius:6px; background:#0b0b0b;
/* Transparent so the mark on the wrapper shows through. The dark ground moves to the wrapper —
painting it here would put an opaque layer between the badge and the text. */
.vv-ai-chat { border:1px solid #262626; border-radius:6px; background:transparent;
position:relative; z-index:1;
min-height:340px; max-height:60vh; overflow-y:auto; padding:14px; }
/* The Varaverk mark, behind every conversation on every page.
On the wrapper rather than on the scroller: a background on .vv-ai-chat would be anchored to
its padding box and drift as the transcript scrolls, and a child element would scroll away with
the messages. inset:0 on the positioned wrapper holds it still behind whatever moves. */
.vv-ai-chat-wrap { background:#0b0b0b; border-radius:6px; }
.vv-ai-chat-wrap::before {
content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
background:url('/plugins/varaverk/icons/varaverk.png') center/min(78%,460px) no-repeat;
opacity:.05; filter:grayscale(1);
}
.vv-ai-empty { color:#3a3a3a; font-size:12px; text-align:center; padding:60px 20px; line-height:1.7; }
.vv-ai-msg { margin-bottom:16px; }
.vv-ai-role { font-size:9px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:5px; }