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

Title the info banner for its view, and number and stripe the array fields

Browse Source
This commit is contained in:
Gmer4Lfe
2026-08-05 18:13:04 -04:00
parent 99486b1eaf
commit eacea56d9d
2 changed files with 76 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Plugin/unraid/css/varaverk.css
+17 -4
View File
@@ -336,10 +336,23 @@ body.vv-fullscreen #displaybox { padding-left: 1rem !important; padding-top: .5r
.vv-cf-scalar { display: block; width: 100%; box-sizing: border-box; background: #111; border: 1px solid #333;
color: #ddd; padding: 4px 8px; border-radius: 4px; font-family: monospace; font-size: 12px; }
.vv-cf-scalar:focus { border-color: #555; outline: none; }
.vv-cf-array { display: block; width: 100%; box-sizing: border-box; background: #0d0d0d; border: 1px solid #333;
color: #ccc; padding: 8px; border-radius: 4px; font-family: monospace; font-size: 11px;
line-height: 1.6; resize: vertical; min-height: 60px; }
.vv-cf-array:focus { border-color: #555; outline: none; }
/* Array fields: numbered gutter + striped rows. The wrap owns the border so the gutter and the
text read as one control. line-height is an exact 18px, not 1.6 — the stripes are a repeating
gradient and would drift out of register against the text on a fractional line box. */
.vv-cf-arraywrap { display: flex; border: 1px solid #333; border-radius: 4px; overflow: hidden;
background: #0d0d0d; }
.vv-cf-arraywrap:focus-within { border-color: #555; }
.vv-cf-lines { margin: 0; padding: 8px 6px 8px 0; width: 34px; min-width: 34px; flex-shrink: 0;
text-align: right; font-family: monospace; font-size: 11px; line-height: 18px;
color: #3a3a3a; background: #0a0a0a; border-right: 1px solid #1c1c1c;
overflow: hidden; user-select: none; white-space: pre; }
.vv-cf-array { display: block; width: 100%; box-sizing: border-box; background-color: transparent;
border: none; color: #ccc; padding: 8px; font-family: monospace; font-size: 11px;
line-height: 18px; resize: vertical; min-height: 60px;
background-image: repeating-linear-gradient(rgba(255,255,255,0) 0 18px,
rgba(255,255,255,0.028) 18px 36px);
background-origin: content-box; background-attachment: local; }
.vv-cf-array:focus { outline: none; }
.vv-cf-empty { color: #555; font-size: 13px; font-style: italic; padding: 20px 4px; text-align: center; margin: 0; }
.vv-custom-empty { color: #666; font-size: 13px; padding: 8px 4px; margin: 0; font-style: italic; }
.vv-custom-count { font-size: 12px; color: #666; margin-left: 8px; flex-shrink: 0; }