mirror of
https://github.com/vinta/awesome-python.git
synced 2026-05-31 02:50:50 +08:00
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:
@@ -773,6 +773,15 @@ th[data-sort].sort-asc::after {
|
|||||||
color: var(--ink-muted);
|
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 {
|
.expand-sep {
|
||||||
margin-inline: 0.25rem;
|
margin-inline: 0.25rem;
|
||||||
color: var(--line-strong);
|
color: var(--line-strong);
|
||||||
@@ -1133,6 +1142,11 @@ th[data-sort].sort-asc::after {
|
|||||||
color: var(--ink-muted);
|
color: var(--ink-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.expand-row td[colspan] {
|
||||||
|
padding-left: 0.8rem;
|
||||||
|
padding-right: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.col-stars {
|
.col-stars {
|
||||||
width: 5.4rem;
|
width: 5.4rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user