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

Halve the height of the shut shortcuts strip

Browse Source 
A 10px label was inheriting a 1.5 line-height, and its margin duplicated the gap the wrapper
already puts between its children.
This commit is contained in:
Gmer4Lfe
2026-08-09 13:19:27 -04:00
parent d6debc5408
commit d91fa89310
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Plugin/unraid/include/ai_chat.php
+11 -5
View File
@@ -218,18 +218,24 @@ function vv_ai_chat_assets(): void {
text-transform:uppercase; letter-spacing:0.05em; min-width:0; }
/* Shortcuts strip. Shut it reads as one quiet line; open it is a two-column list that wraps to
one on a narrow card. Nothing here competes with the transcript below it. */
.vv-ai-keys { margin-bottom:8px; }
one on a narrow card. Nothing here competes with the transcript below it.
Shut, it is about half the height it was. Two things were paying for that: the label inherited
a 1.5 line-height it did not need at 10px, and the block carried a margin-bottom that duplicated
the gap the wrapper already puts between its children. The gap alone spaces it now. */
.vv-ai-keys { line-height:1; }
.vv-ai-keys-t { display:flex; align-items:center; gap:5px; background:none; border:none; padding:0;
font-family:inherit; font-size:10px; color:#4a4a4a; cursor:pointer;
letter-spacing:0.04em; text-transform:uppercase; }
font-family:inherit; font-size:10px; line-height:1.1; color:#4a4a4a;
cursor:pointer; letter-spacing:0.04em; text-transform:uppercase; }
.vv-ai-keys-t:hover { color:#777; }
.vv-ai-keys-c { display:inline-block; font-size:8px; transition:transform .12s;
transform:rotate(-90deg); }
.vv-ai-keys.open .vv-ai-keys-c { transform:rotate(0deg); }
/* line-height restored: the wrapper drops it to 1 to tighten the collapsed line, and inheriting
that here would stack the open rows on top of each other. */
.vv-ai-keys-b { display:none; grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
gap:2px 14px; margin-top:6px; padding:7px 9px; background:#0d0d0d;
border:1px solid #1c1c1c; border-radius:4px; }
border:1px solid #1c1c1c; border-radius:4px; line-height:1.6; }
.vv-ai-keys.open .vv-ai-keys-b { display:grid; }
.vv-ai-key { display:flex; align-items:baseline; gap:7px; font-size:10px; min-width:0; }
.vv-ai-key-k { display:flex; gap:3px; flex-shrink:0; }