root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-4147): add mobile-friendly github tracking enable button in header

Browse Source 
Adds a GitHub tracking toggle affordance to the task detail header with accompanying tests, documentation updates, and a changeset, plus a CSS fix for mobile header wrapping.

Fusion-Task-Id: FN-4147
This commit is contained in:
Fusion
2026-05-12 09:47:18 -07:00
committed by gsxdsm
parent 67c680c8d5
commit 04b41d8258
5 changed files with 124 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/dashboard/app/components/TaskDetailModal.css
View File

@@ -436,12 +436,18 @@
font-family: var(--font-mono);
}
.detail-github-tracking-enable {
margin-left: auto;
align-self: center;
}
.detail-source-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
min-height: 36px;
flex-shrink: 0;
min-width: calc(var(--space-lg) + var(--space-xl) - var(--space-xs));
min-height: calc(var(--space-lg) + var(--space-xl) - var(--space-xs));
padding: var(--space-xs);
border: 0;
border-radius: var(--radius-sm);
@@ -451,6 +457,10 @@
transition: background var(--transition-fast), color var(--transition-fast);
}
.detail-source-header .detail-source-toggle {
margin-left: var(--space-sm);
}
.detail-source-toggle:hover {
color: var(--text);
background: var(--card-hover);
@@ -1576,12 +1586,23 @@
.detail-source-header {
align-items: flex-start;
flex-wrap: wrap;
}
.detail-source-summary {
flex: 1 1 100%;
flex-wrap: wrap;
}
.detail-github-tracking-enable {
margin-left: auto;
justify-content: center;
}
.detail-source-header .detail-source-toggle {
margin-left: 0;
}
.detail-body {
padding: calc(var(--space-md) + var(--space-xs) / 2);
overflow-x: hidden;