diff options
| author | Ben Sima <ben@bensima.com> | 2025-11-27 10:13:19 -0500 |
|---|---|---|
| committer | Ben Sima <ben@bensima.com> | 2025-11-27 10:13:19 -0500 |
| commit | 897fa1891c7fbb09b82a7d3e5f3b2a5acd863341 (patch) | |
| tree | bbc9c70b72c1f590773cab0205b3daef97aea487 /Omni/Jr/Web/Style.hs | |
| parent | 36c5a2342ce8697c490d90e091d1153c7e592daf (diff) | |
Make task cards fully clickable
The build and tests pass. The task is complete:
1. Changed `renderTaskCard` to wrap the entire card in an `<a>`
element 2. Changed the inner task-id from an `<a>` to a `<span>`
since the whole 3. Added CSS styles for `.task-card-link` to ensure
proper display (bloc
Task-Id: t-149.4
Diffstat (limited to 'Omni/Jr/Web/Style.hs')
| -rw-r--r-- | Omni/Jr/Web/Style.hs | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/Omni/Jr/Web/Style.hs b/Omni/Jr/Web/Style.hs index 5aa9b62..5d95e42 100644 --- a/Omni/Jr/Web/Style.hs +++ b/Omni/Jr/Web/Style.hs @@ -242,6 +242,12 @@ cardStyles = do transition "box-shadow" (ms 150) ease (sec 0) ".task-card" # hover ? do boxShadow (NE.singleton (bsColor (rgba 0 0 0 0.15) (shadow (px 0) (px 4)))) + ".task-card-link" ? do + display block + textDecoration none + color inherit + cursor pointer + ".task-card-link" # hover ? textDecoration none ".task-header" ? do display flex flexWrap Flexbox.wrap |