fix: change the unselected chapter color (#113)

The selected and unselected chapter has only difference of font weight. So, this commit changes the unselected color to a lighter variant. Also, this commit adds the mouse cursor to click on hover of the chapters telling that it is clickable. Co-authored-by: Lukas Klingsbo <[email protected]>
bluefireteam · Mar 11, 2024 · 641861c · 641861c
1 parent a1b034a
commit 641861c
Showing 1 changed file with 22 additions and 14 deletions.
diff --git a/lib/src/widgets/stories_list.dart b/lib/src/widgets/stories_list.dart
@@ -153,20 +153,28 @@ class _StoriesListState extends State<StoriesList> {
                             child: Row(
                               children: [
                                 Expanded(
-                                  child: GestureDetector(
-                                    onTap: () {
-                                      widget.onSelectChapter(chapter);
-                                    },
-                                    behavior: HitTestBehavior.opaque,
-                                    child: Link(
-                                      label: '  ${chapter.name}',
-                                      textAlign: TextAlign.left,
-                                      padding: const EdgeInsets.only(right: 8),
-                                      textStyle: TextStyle(
-                                        fontWeight: chapter.id ==
-                                                widget.selectedChapter?.id
-                                            ? FontWeight.bold
-                                            : FontWeight.normal,
+                                  child: MouseRegion(
+                                    cursor: SystemMouseCursors.click,
+                                    child: GestureDetector(
+                                      onTap: () {
+                                        widget.onSelectChapter(chapter);
+                                      },
+                                      behavior: HitTestBehavior.opaque,
+                                      child: Link(
+                                        label: '  ${chapter.name}',
+                                        textAlign: TextAlign.left,
+                                        padding:
+                                            const EdgeInsets.only(right: 8),
+                                        textStyle: TextStyle(
+                                          fontWeight: chapter.id ==
+                                                  widget.selectedChapter?.id
+                                              ? FontWeight.bold
+                                              : FontWeight.normal,
+                                          color: chapter.id ==
+                                                  widget.selectedChapter?.id
+                                              ? null
+                                              : Theme.of(context).hintColor,
+                                        ),
                                       ),
                                     ),
                                   ),