kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Testing: allow selecting multiple ratings for better filtering

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-26 19:10:24 +02:00
parent 0f7eced14d
commit 7c2619e492
10 changed files with 384 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
public/s/css/f0ckm.css
View File

@@ -9254,6 +9254,73 @@ input:checked+.slider:before {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
/* ---------- Multi-select rating toggles (filter modal) ---------- */
.rating-selector {
display: inline-flex;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 3px;
overflow: hidden;
vertical-align: middle;
grid-column: 1;
}
.rating-toggle-btn {
display: inline-block;
background: transparent;
color: rgba(255, 255, 255, 0.5);
border: none;
border-right: 1px solid rgba(255, 255, 255, 0.15);
padding: 2px 8px;
font-size: 11px;
cursor: pointer;
text-decoration: none;
transition: all 0.15s;
line-height: 18px;
font-family: inherit;
user-select: none;
}
.rating-toggle-btn:last-child {
border-right: none;
}
.rating-toggle-btn:hover {
color: #fff;
background: rgba(255, 255, 255, 0.08);
}
/* Per-rating active colours */
.rating-toggle-btn.active[data-rating="sfw"] {
background: #2e7d32;
color: #fff;
font-weight: bold;
}
.rating-toggle-btn.active[data-rating="nsfw"] {
background: #c62828;
color: #fff;
font-weight: bold;
}
.rating-toggle-btn.active[data-rating="nsfl"] {
background: #6a1b9a;
color: #fff;
font-weight: bold;
}
.rating-toggle-btn.active[data-rating="untagged"] {
background: #37474f;
color: #fff;
font-weight: bold;
}
.rating-toggle-btn.rating-toggle-all.active {
background: var(--accent);
color: var(--bg, #000);
font-weight: bold;
}
/* ---------- Random / Shuffle mode button ---------- */
.shuffle-btn {
background: none;