feat(website): show project description as always-visible desc-row on category pages

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-05-03 12:47:17 +08:00
parent d7a916837c
commit 1468ae78ff
4 changed files with 84 additions and 10 deletions
+53
View File
@@ -788,6 +788,11 @@ kbd {
box-shadow: inset 3px 0 0 var(--accent);
}
.row:has(+ .desc-row) td {
border-bottom-color: transparent;
padding-bottom: 0.35rem;
}
.row.open td {
background: linear-gradient(180deg, var(--row-open-start), var(--row-open-end));
border-bottom-color: transparent;
@@ -919,10 +924,58 @@ th[data-sort].sort-asc::after {
transform: rotate(90deg);
}
.desc-row td {
padding-top: 0;
padding-bottom: 1rem;
border-bottom: 1px solid var(--line);
color: var(--ink-soft);
font-size: var(--text-sm);
line-height: 1.6;
text-wrap: pretty;
overflow-wrap: break-word;
transition:
background-color 180ms ease,
border-color 180ms ease;
}
.row:not(.open) + .desc-row td {
border-bottom: 1px solid var(--line);
}
.row + .desc-row {
cursor: pointer;
}
.row:not(.open):hover td,
.row:not(.open):hover + .desc-row td {
background: var(--row-hover);
}
.row.open + .desc-row td {
background: linear-gradient(180deg, var(--row-open-start), var(--row-open-end));
border-bottom-color: transparent;
}
.desc-text {
max-width: none;
}
.desc-text a {
color: var(--accent-deep);
}
.desc-text a:hover {
color: var(--accent);
text-decoration: underline;
text-decoration-color: var(--accent-underline);
text-underline-offset: 0.2em;
}
.expand-row {
display: none;
}
.row.open + .desc-row + .expand-row,
.row.open + .expand-row {
display: table-row;
}