Administrator/Multi-Hoster-Upload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 205 Wiki Activity

fix(css): render per-hoster logToFile checkbox as a checkbox, not a stretched box

Browse Source 
The new "Links in Log schreiben" control reuses class .hs-input for
the autosave bind to pick it up — but .hs-input also carries the
text-input styling (flex:1, padding, background, border, max-width:
300px). Applied to a checkbox that produced a stretched, padded,
filled box instead of a normal tick box.

Add an .hs-input[type="checkbox"] override that resets flex/size/
padding/background/border so it renders as a plain 16×16 checkbox
beside its label, consistent with the other settings checkboxes.

Caught during the post-feature side-effect sweep (advisor flagged the
grid layout as the one thing self-checks couldn't cover). 147/147
tests still green.
This commit is contained in:
Administrator 2026-05-23 15:33:31 +02:00
parent fb5c1caf43
commit ceab155a6c
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
renderer/styles.css
View File

@ -713,6 +713,18 @@ body.col-resizing, body.col-resizing * { cursor: col-resize !important; user-sel
font-size: 12px; font-size: 12px;
max-width: 300px; max-width: 300px;
} }
/* Checkbox-type .hs-input (e.g. per-hoster "Links in Log schreiben") must
not inherit the stretched text-input box styling above — render it as a
normal small checkbox sitting next to its label. */
.hs-input[type="checkbox"] {
flex: none;
width: 16px;
height: 16px;
max-width: none;
padding: 0;
background: none;
border: none;
}
.key-input:focus, .hs-input:focus { border-color: var(--accent); outline: none; } .key-input:focus, .hs-input:focus { border-color: var(--accent); outline: none; }
.hs-input { max-width: 100px; } .hs-input { max-width: 100px; }
.hint { font-size: 10px; color: var(--text-dim); } .hint { font-size: 10px; color: var(--text-dim); }