feat(website): move descriptions into expand row on category pages

Removes inline .category-row-desc from the name cell and renders
entry.description inside .expand-content instead, matching the
index page pattern. Drops the now-unused CSS rules for
.category-row-desc and the overridden .category-table .expand-content
padding.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-05-03 08:17:17 +08:00
parent 03db91bcd0
commit 033694204c
2 changed files with 3 additions and 39 deletions

View File

@@ -511,41 +511,6 @@ kbd {
justify-self: start;
}
.category-table .col-name {
width: min(42rem, 48vw);
white-space: normal;
}
.category-table .col-name > a {
display: inline-block;
}
.category-row-desc {
display: block;
max-width: 68ch;
margin-top: 0.32rem;
color: var(--ink-soft);
font-size: var(--text-sm);
font-weight: 500;
line-height: 1.55;
text-wrap: pretty;
}
.category-row-desc a {
color: var(--accent-deep);
text-decoration: underline;
text-decoration-color: var(--accent-underline);
text-underline-offset: 0.18em;
}
.category-row-desc a:hover {
color: var(--accent);
}
.category-table .expand-content {
padding-block: 0.25rem 0.15rem;
}
.sponsor-band {
padding-block: clamp(2.5rem, 5.5vw, 4rem);
background:

View File

@@ -86,9 +86,6 @@
<a href="{{ entry.url }}" target="_blank" rel="noopener"
>{{ entry.name }}</a
>
{% if entry.description %}
<span class="category-row-desc">{{ entry.description | safe }}</span>
{% endif %}
<span class="mobile-cat"
>{% if entry.subcategories %}{{ entry.subcategories[0].name }}{%
else %}{{ category.name }}{% endif %}</span
@@ -152,7 +149,9 @@
<td></td>
<td colspan="4">
<div class="expand-content">
{% if entry.also_see %}
{% if entry.description %}
<div class="expand-desc">{{ entry.description | safe }}</div>
{% endif %} {% if entry.also_see %}
<div class="expand-also-see">
Also see: {% for see in entry.also_see %}<a
href="{{ see.url }}"