Varaverk mark behind every conversation, assistant and mesh, and larger
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:
@@ -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; }
|
||||
|
||||
@@ -258,7 +258,7 @@ function vv_nc_pane_markup(string $prefix, bool $meshDefault = false, string $he
|
||||
<div style="position:relative;">
|
||||
<img src="/plugins/varaverk/icons/varaverk.png" alt="" aria-hidden="true"
|
||||
style="position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
|
||||
width:min(70%,220px);opacity:.04;pointer-events:none;filter:grayscale(1);
|
||||
width:min(88%,460px);opacity:.055;pointer-events:none;filter:grayscale(1);
|
||||
z-index:0;">
|
||||
<div id="vv-nc-log"
|
||||
style="position:relative;z-index:1;height:var(--vv-nc-h,300px);overflow-y:auto;
|
||||
|
||||
Reference in New Issue
Block a user