title / summary / more...
Hubb.church
The thumbnail is a leading .system_column.search_article_image.
Where an article has one it indents the text; groups and
thumbnail-less articles have no image, so they sit flush — a
ragged left edge down the list. The v26 :empty and v30
:not(:has(img)) hides only ever caught genuinely image-less
cells, never a real thumbnail, so the raggedness remained.
Fix, and the most on-brand option (the category listing rows
are text + icon, no thumbnails): hide the thumbnail column on
every result card so all titles align flush-left. Supersedes
the v26/v30 thumbnail hides. To bring thumbnails back, remove
this and instead reserve a fixed-width image column on EVERY
card (present-or-empty) so the indent is uniform.
============================================================ */
.sv3-syspage .system_row > .search_article_image {
display: none;
}
/* ============================================================
v32 — Help guides mega at 6 columns (Adam, 21 July).
The guides mega-menu grew to 18 entries when Shop joined; the
base rule in support.css still pins it to 7 columns (written
when the menu had 13 items, balancing 7 + 6), which now falls
7 / 7 / 4. Six columns gives three even rows of six. The base
rule stays put; this file loads after support.css and the
selector matches it exactly (same specificity, later in the
cascade, same min-width breakpoint), so this wins on desktop.
The ≤960px mobile menu (2 columns) and the Getting started
mega (9 items, repeat(5)) are untouched. If the menu count
changes again, re-balance here: pick the column count that
divides the entries most evenly.
============================================================ */
@media (min-width: 961px) {
#sv3-mega-guides .sv3-topics { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
/* ============================================================
v33 — Site Manager block in "Browse help by topic" (Adam,
24 July). Most people work in the Site Manager, so the topic
grid (and the guides mega) now lead with Site Manager as its
own panel: a grey box (the homepage tile grey, --sv3-gray-50)
holding white tiles for the Site Manager sub-areas, above the
ordinary topic grid. The single "Site manager" tile is gone
from the topic list (one fewer). The panel's grid keeps class
.sv3-topics, so it inherits the tile look, accent cycling,
hover, reveal and responsive rules; only the tile background
flips to white so the tiles read as cards on the grey panel.
Applied on 83155 (homepage section + guides mega) and the
guides mega in 83156/83157. Mega variant is more compact.
============================================================ */
.sv3-smbox {
background: var(--sv3-gray-50);
border: 1px solid var(--sv3-gray-200);
border-radius: var(--sv3-radius-xl);
padding: 26px 28px 30px;
margin-bottom: 20px;
}
.sv3-smbox-label {
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--sv3-purple);
margin-bottom: 16px;
}
/* White tiles on the grey panel */
.sv3-smbox .sv3-topic { background: var(--sv3-white); border-color: transparent; }
.sv3-smbox .sv3-topic:hover {
background: var(--sv3-white);
border-color: var(--sv3-purple-light);
box-shadow: var(--sv3-shadow-sm);
}
/* Compact panel inside the guides mega dropdown */
.sv3-mega .sv3-smbox {
padding: 14px 16px 16px;
margin-bottom: 14px;
border-radius: var(--sv3-radius);
}
.sv3-mega .sv3-smbox-label { margin-bottom: 10px; }
/* ============================================================
v34 — steady, tidy category rows (Adam, 24 July). On category
pages js/support.js rebuilds the group/guide listing into rows
after the page has painted, building each row title-first and
pulling its summary in a moment later — so rows grow and shove
one another as the text lands. Give every row a fixed two-line
summary slot: the space is reserved up front, so a late summary
drops into place instead of pushing the list around, and clamp
the summary to two lines so nothing over-runs the slot (the full
summary is always on the category's own page). The rebuilt list
also eases in rather than snapping from the raw server list.
The .sv3-cattile-* styling itself lives in drawer.css Section B
and is untouched; this only reserves space, clamps and fades.
Numbered onboarding rows (.sv3-numbered) are excluded.
============================================================ */
.sv3-article .sv3-cattiles:not(.sv3-numbered) a.sv3-topic { min-height: 100px; }
.sv3-article .sv3-cattiles:not(.sv3-numbered) .sv3-cattile-d {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
html.sv3-js .sv3-article .sv3-cattilegrid,
html.sv3-js .sv3-article .sv3-cattiles {
animation: sv3-fade .35s var(--sv3-ease) both;
}
}