fix: Allow toggling of sections from anywhere in the row

Previously, only clicking the actual title text of the row would toggle the section
ashuntu · Oct 4, 2024 · ab20227 · ab20227
1 parent a7bd8af
commit ab20227
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/packages/game_center/lib/steam/steam_page.dart b/packages/game_center/lib/steam/steam_page.dart
@@ -48,14 +48,14 @@ class SteamPage extends ConsumerWidget {
             children: [
               Text(
                 l10n.steamGlobalConfigTitle,
-                style: Theme.of(context).textTheme.headlineSmall,
+                style: Theme.of(context).textTheme.titleLarge,
               ),
               const SizedBox(height: kPagePadding),
               _SteamGlobalConfigText(),
               const SizedBox(height: kPagePadding),
               Text(
                 l10n.steamUserConfigTitle,
-                style: Theme.of(context).textTheme.headlineSmall,
+                style: Theme.of(context).textTheme.titleLarge,
               ),
               const SizedBox(height: kPagePadding),
               _SteamUserConfigs(),

diff --git a/packages/game_center/lib/widgets/expandable_page_section.dart b/packages/game_center/lib/widgets/expandable_page_section.dart
@@ -18,12 +18,20 @@ class ExpandablePageSection extends StatelessWidget {
       expandButtonPosition: YaruExpandableButtonPosition.start,
       isExpanded: expanded,
       gapHeight: 24,
-      header: Text(
-        title,
-        style: Theme.of(context)
-            .textTheme
-            .titleMedium
-            ?.copyWith(fontWeight: FontWeight.w500),
+      // Text is surrounded with a Flex to allow toggling anywhere in the row
+      header: Flex(
+        direction: Axis.horizontal,
+        children: [
+          Expanded(
+            child: Text(
+              title,
+              style: Theme.of(context)
+                  .textTheme
+                  .titleMedium
+                  ?.copyWith(fontWeight: FontWeight.bold),
+            ),
+          ),
+        ],
       ),
       child: SizedBox(
         child: Column(