diff options
| author | Ben Sima <ben@bensima.com> | 2025-11-27 13:50:08 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bensima.com> | 2025-11-27 13:50:08 -0500 |
| commit | 2cec3abd126f1e24b4519d6b694623a049e47032 (patch) | |
| tree | 2d54ee083f3a512570a5ad59ba8b773fa7fb0bf3 /Omni/Jr/Web/Style.hs | |
| parent | e47da20db9dd5f5d0a09ffcf2b17ad4e1d78115b (diff) | |
Show git commits for task on detail page
All tests pass. The implementation is complete:
1. Added `GitCommit` data type with hash, short hash, summary,
author, r 2. Added `getCommitsForTask` function that queries `git
log --grep='Task 3. Updated `TaskDetailPage` to include commits
4. Updated `taskDetailHandler` to fetch commits for the task 5. Added
`renderCommit` helper to display each commit with links to `/ta
6. Added CSS styles for the commit list in both light and dark modes
Task-Id: t-153.1
Diffstat (limited to 'Omni/Jr/Web/Style.hs')
| -rw-r--r-- | Omni/Jr/Web/Style.hs | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs index b4f4c76..19fc371 100644 --- a/Omni/Jr/Web/Style.hs +++ b/Omni/Jr/Web/Style.hs @@ -30,6 +30,7 @@ stylesheet = do formStyles executionDetailsStyles activityTimelineStyles + commitStyles markdownStyles responsiveStyles darkModeStyles @@ -621,6 +622,45 @@ activityTimelineStyles = do borderColor "#ef4444" color "#ef4444" +commitStyles :: Css +commitStyles = do + ".commit-list" ? do + display flex + flexDirection column + Stylesheet.key "gap" ("4px" :: Text) + marginTop (px 8) + ".commit-item" ? do + padding (px 6) (px 8) (px 6) (px 8) + backgroundColor "#f9fafb" + borderRadius (px 2) (px 2) (px 2) (px 2) + border (px 1) solid "#e5e7eb" + ".commit-header" ? do + display flex + alignItems center + Stylesheet.key "gap" ("8px" :: Text) + marginBottom (px 2) + ".commit-hash" ? do + fontFamily ["SF Mono", "Monaco", "monospace"] [monospace] + fontSize (px 12) + color "#0066cc" + textDecoration none + backgroundColor "#e5e7eb" + padding (px 1) (px 4) (px 1) (px 4) + borderRadius (px 2) (px 2) (px 2) (px 2) + ".commit-hash" # hover ? textDecoration underline + ".commit-summary" ? do + fontSize (px 13) + color "#374151" + fontWeight (weight 500) + ".commit-meta" ? do + display flex + Stylesheet.key "gap" ("12px" :: Text) + fontSize (px 11) + color "#6b7280" + ".commit-author" ? fontWeight (weight 500) + ".commit-files" ? do + color "#9ca3af" + markdownStyles :: Css markdownStyles = do ".markdown-content" ? do @@ -793,6 +833,14 @@ darkModeStyles = ".metric-value" ? color "#d1d5db" ".amp-link" ? color "#60a5fa" ".markdown-content" ? color "#d1d5db" + ".commit-item" ? do + backgroundColor "#374151" + borderColor "#4b5563" + ".commit-hash" ? do + backgroundColor "#4b5563" + color "#60a5fa" + ".commit-summary" ? color "#d1d5db" + ".commit-meta" ? color "#9ca3af" ".md-h1" ? borderBottomColor "#374151" ".md-inline-code" ? do backgroundColor "#374151" |
