feat(FN-4144): add GitHub tracking indicator to task cards
Adds a GitHub link indicator to task cards with styling and hover behavior, accompanied by tests to cover the new icon display logic. Fusion-Task-Id: FN-4144
This commit is contained in:
@@ -615,6 +615,30 @@
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card-github-tracking-link {
|
||||
min-width: calc(var(--space-xl) + var(--space-md));
|
||||
min-height: calc(var(--space-xl) + var(--space-md));
|
||||
padding: var(--space-xs);
|
||||
border-radius: var(--radius-md);
|
||||
text-decoration: none;
|
||||
transition:
|
||||
background-color var(--transition-fast),
|
||||
color var(--transition-fast),
|
||||
box-shadow var(--transition-fast);
|
||||
}
|
||||
|
||||
.card-github-tracking-link:hover {
|
||||
background: var(--card-hover);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.card-github-tracking-link:focus-visible {
|
||||
background: var(--card-hover);
|
||||
color: var(--text);
|
||||
box-shadow: var(--focus-ring-strong);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.card-time-indicator {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -1139,6 +1163,11 @@
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
|
||||
.card-github-tracking-link {
|
||||
min-width: calc(var(--space-xl) + var(--space-xl));
|
||||
min-height: calc(var(--space-xl) + var(--space-xl));
|
||||
}
|
||||
|
||||
/* Card: smaller status badges for 280px width */
|
||||
.card-status-badge {
|
||||
font-size: 0.5625rem;
|
||||
|
||||
Reference in New Issue
Block a user