From 63ec110177c59a5ab114db611e124698543773ba Mon Sep 17 00:00:00 2001 From: Gmer4Lfe Date: Mon, 17 Aug 2026 18:08:27 -0400 Subject: [PATCH] Place the assistant's mark with a transform, not a background percentage MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The image is wider than the transcript is tall, so as a background it overflowed and percentage positioning ran backwards — nudging it down visibly raised it. --- Plugin/unraid/include/ai_chat.php | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/Plugin/unraid/include/ai_chat.php b/Plugin/unraid/include/ai_chat.php index a0d2e66..710b857 100644 --- a/Plugin/unraid/include/ai_chat.php +++ b/Plugin/unraid/include/ai_chat.php @@ -160,9 +160,15 @@ function vv_ai_chat_assets(): void { 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; } +/* Positioned box with a transform, not a background-position percentage. + The mark is wider than this transcript is tall, so as a background it overflows vertically — + and percentage positioning on an overflowing image runs BACKWARDS: raising the number moves it + up. Nudging it "down" from 74% to 86% visibly raised it. A sized box centred on a point behaves + the way the number reads, and matches how the mesh pane places the same image. */ .vv-ai-chat-wrap::before { - content:''; position:absolute; inset:0; z-index:0; pointer-events:none; - background:url('/plugins/varaverk/icons/varaverk.png') center 86%/min(84%,520px) no-repeat; + content:''; position:absolute; left:50%; top:74%; transform:translate(-50%,-50%); + width:min(84%,520px); aspect-ratio:1; z-index:0; pointer-events:none; + background:url('/plugins/varaverk/icons/varaverk.png') center/contain no-repeat; opacity:.032; filter:grayscale(1); } .vv-ai-empty { color:#3a3a3a; font-size:12px; text-align:center; padding:60px 20px; line-height:1.7; }