fix: align trending list headers to edges (#3361)

This commit is contained in:
Patrick Erichsen
2026-07-31 15:03:55 -07:00
committed by GitHub
parent 6dcff11402
commit a9d04bb009
2 changed files with 14 additions and 2 deletions
+5 -2
View File
@@ -270,8 +270,11 @@ export function SkillsResults({
</div>
) : (
<div className="browse-list-stack">
<div className="browse-list-head" aria-hidden="true">
<span className="browse-list-head-icon-spacer" />
<div
className={`browse-list-head${showTrendingLayout ? " browse-list-head-trending" : ""}`}
aria-hidden="true"
>
{showTrendingLayout ? null : <span className="browse-list-head-icon-spacer" />}
<span className="browse-list-head-label">Skill</span>
{showTrendingLayout ? null : <span className="browse-list-head-label">Category</span>}
<span className="browse-list-head-label browse-list-head-stat">
+9
View File
@@ -17225,6 +17225,15 @@ a.agentic-risk-finding-title:focus-visible {
justify-self: end;
}
.browse-page .browse-list-head.browse-list-head-trending {
grid-template-columns: minmax(0, 1fr) auto;
}
.browse-page .browse-list-head.browse-list-head-trending .browse-list-head-label,
.browse-page .browse-list-head.browse-list-head-trending .browse-list-head-stat {
grid-column: auto;
}
@keyframes fadeIn {
from {
opacity: 0;