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:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user