Skip to content

Commit 0336942

Browse files
vintaclaude
andcommitted
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>
1 parent 03db91b commit 0336942

2 files changed

Lines changed: 3 additions & 39 deletions

File tree

website/static/style.css

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -511,41 +511,6 @@ kbd {
511511
justify-self: start;
512512
}
513513

514-
.category-table .col-name {
515-
width: min(42rem, 48vw);
516-
white-space: normal;
517-
}
518-
519-
.category-table .col-name > a {
520-
display: inline-block;
521-
}
522-
523-
.category-row-desc {
524-
display: block;
525-
max-width: 68ch;
526-
margin-top: 0.32rem;
527-
color: var(--ink-soft);
528-
font-size: var(--text-sm);
529-
font-weight: 500;
530-
line-height: 1.55;
531-
text-wrap: pretty;
532-
}
533-
534-
.category-row-desc a {
535-
color: var(--accent-deep);
536-
text-decoration: underline;
537-
text-decoration-color: var(--accent-underline);
538-
text-underline-offset: 0.18em;
539-
}
540-
541-
.category-row-desc a:hover {
542-
color: var(--accent);
543-
}
544-
545-
.category-table .expand-content {
546-
padding-block: 0.25rem 0.15rem;
547-
}
548-
549514
.sponsor-band {
550515
padding-block: clamp(2.5rem, 5.5vw, 4rem);
551516
background:

website/templates/category.html

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -86,9 +86,6 @@ <h2 class="sr-only">{{ category.name }} results</h2>
8686
<a href="{{ entry.url }}" target="_blank" rel="noopener"
8787
>{{ entry.name }}</a
8888
>
89-
{% if entry.description %}
90-
<span class="category-row-desc">{{ entry.description | safe }}</span>
91-
{% endif %}
9289
<span class="mobile-cat"
9390
>{% if entry.subcategories %}{{ entry.subcategories[0].name }}{%
9491
else %}{{ category.name }}{% endif %}</span
@@ -152,7 +149,9 @@ <h2 class="sr-only">{{ category.name }} results</h2>
152149
<td></td>
153150
<td colspan="4">
154151
<div class="expand-content">
155-
{% if entry.also_see %}
152+
{% if entry.description %}
153+
<div class="expand-desc">{{ entry.description | safe }}</div>
154+
{% endif %} {% if entry.also_see %}
156155
<div class="expand-also-see">
157156
Also see: {% for see in entry.also_see %}<a
158157
href="{{ see.url }}"

0 commit comments

Comments
 (0)