fix(css): truncate long links in expand-meta and add mobile padding to expand-row

.expand-meta links can overflow their container on narrow viewports.
Apply ellipsis truncation to keep the row tidy.

.expand-row td[colspan] gains symmetric inline padding on mobile to match
the surrounding table spacing.

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-03-22 16:20:52 +08:00
parent 86aa623260
commit f2b635da19

View File

@@ -773,6 +773,15 @@ th[data-sort].sort-asc::after {
color: var(--ink-muted);
}
.expand-meta a {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.expand-sep {
margin-inline: 0.25rem;
color: var(--line-strong);
@@ -1133,6 +1142,11 @@ th[data-sort].sort-asc::after {
color: var(--ink-muted);
}
.expand-row td[colspan] {
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.col-stars {
width: 5.4rem;
}