feat(FN-3176): polish github source issue summary styling in task detail

Polished the GitHub source issue summary in the TaskDetailModal with UI refinements to its CSS and component markup, along with updated tests covering the new behavior.

Fusion-Task-Id: FN-3176
This commit is contained in:
Fusion
2026-05-02 02:25:54 -07:00
committed by gsxdsm
parent 477e1ad4ab
commit ea1b140eef
3 changed files with 73 additions and 6 deletions

View File

@@ -237,7 +237,7 @@
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: var(--card);
padding: var(--space-md);
padding: var(--space-sm) var(--space-md);
}
.detail-source-grid {
@@ -267,6 +267,10 @@
text-decoration: underline;
}
.detail-source-link--summary {
text-decoration: none;
}
.detail-source-link:hover {
color: var(--text);
}
@@ -295,12 +299,13 @@
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-sm);
gap: var(--space-xs);
}
.detail-source-summary {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: var(--space-xs);
}
@@ -309,6 +314,23 @@
font-weight: 500;
}
.detail-source-provider-badge {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
padding: 0 var(--space-xs);
border-radius: var(--radius-pill);
background: color-mix(in srgb, var(--text-muted) 18%, transparent);
color: var(--text-muted);
font-size: calc(var(--space-sm) + var(--space-xs) * 0.75);
line-height: 1.6;
}
.detail-source-provider-badge svg {
width: 1em;
height: 1em;
}
.detail-source-number {
color: var(--text);
font-family: var(--font-mono);
@@ -344,8 +366,8 @@
}
.detail-source-section .detail-source-grid {
margin-top: var(--space-md);
padding-top: var(--space-md);
margin-top: var(--space-sm);
padding-top: var(--space-sm);
border-top: 1px solid var(--border);
}