start: wider spotting tile, filter narrows spotting chips
Some checks failed
Deploy production / deploy (push) Has been cancelled
Some checks failed
Deploy production / deploy (push) Has been cancelled
This commit is contained in:
@@ -70,9 +70,10 @@
|
|||||||
t.name.includes(q) || t.subtitle.toLowerCase().includes(q) || t.href.includes(q);
|
t.name.includes(q) || t.subtitle.toLowerCase().includes(q) || t.href.includes(q);
|
||||||
if (!q || 'trackers'.startsWith(q)) return trackers;
|
if (!q || 'trackers'.startsWith(q)) return trackers;
|
||||||
return trackers.flatMap((t) => {
|
return trackers.flatMap((t) => {
|
||||||
if (hit(t)) return [t];
|
// Matching chips narrow a group; otherwise the group shows whole if it matches itself.
|
||||||
const children = t.children?.filter(hit) ?? [];
|
const children = t.children?.filter(hit) ?? [];
|
||||||
return children.length ? [{ ...t, children }] : [];
|
if (children.length) return [{ ...t, children }];
|
||||||
|
return hit(t) ? [t] : [];
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
const shownSections = $derived.by(() => {
|
const shownSections = $derived.by(() => {
|
||||||
@@ -1037,11 +1038,11 @@
|
|||||||
}
|
}
|
||||||
.tgrid {
|
.tgrid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
}
|
}
|
||||||
.tgrid > li.group {
|
.tgrid > li.group {
|
||||||
grid-column: span 3;
|
grid-column: span 4;
|
||||||
}
|
}
|
||||||
.ttile {
|
.ttile {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -1104,6 +1105,7 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.tchip {
|
.tchip {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user