feat(autocomplete_entry_card): 💄 improve layout on large words (#60)

* feat(autocomplete_entry_card): 💄 improve layout on large words * feat(search_bar_results): ♿️ autofocus `TextFormField`
albertms10 · Feb 8, 2024 · c7e710a · c7e710a
1 parent 504abb6
commit c7e710a
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 20 deletions.
diff --git a/lib/src/pages/word_page.dart b/lib/src/pages/word_page.dart
@@ -19,6 +19,7 @@ class WordPage extends StatelessWidget {
       appBar: AppBar(
         title: SelectableText(
           word.word,
+          maxLines: 1,
           style: theme.textTheme.displaySmall!.copyWith(fontSize: 32),
         ),
         backgroundColor: Colors.transparent,

diff --git a/lib/src/widgets/autocomplete_entry_card.dart b/lib/src/widgets/autocomplete_entry_card.dart
@@ -47,31 +47,35 @@ class AutocompleteEntryCard extends StatelessWidget {
           Row(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              Text.rich(
-                TextSpan(
-                  children: [
-                    if (isIncompleteStart)
-                      TextSpan(
-                        text: word.word.substring(0, start),
-                        style: headlineTextStyle.copyWith(
-                          color: headlineTextStyle.color!.withOpacity(0.4),
+              Expanded(
+                child: Text.rich(
+                  maxLines: 1,
+                  softWrap: false,
+                  overflow: TextOverflow.fade,
+                  TextSpan(
+                    children: [
+                      if (isIncompleteStart)
+                        TextSpan(
+                          text: word.word.substring(0, start),
+                          style: headlineTextStyle.copyWith(
+                            color: headlineTextStyle.color!.withOpacity(0.4),
+                          ),
                         ),
-                      ),
-                    TextSpan(
-                      text: word.word.substring(start, end),
-                      style: headlineTextStyle,
-                    ),
-                    if (isIncompleteEnd)
                       TextSpan(
-                        text: word.word.substring(end),
-                        style: headlineTextStyle.copyWith(
-                          color: headlineTextStyle.color!.withOpacity(0.4),
-                        ),
+                        text: word.word.substring(start, end),
+                        style: headlineTextStyle,
                       ),
-                  ],
+                      if (isIncompleteEnd)
+                        TextSpan(
+                          text: word.word.substring(end),
+                          style: headlineTextStyle.copyWith(
+                            color: headlineTextStyle.color!.withOpacity(0.4),
+                          ),
+                        ),
+                    ],
+                  ),
                 ),
               ),
-              const Spacer(),
               const SizedBox(width: 4),
               BookmarkButton(word: word),
             ],

diff --git a/lib/src/widgets/search_bar_results.dart b/lib/src/widgets/search_bar_results.dart
@@ -107,6 +107,7 @@ class _SearchBarResultsState extends State<SearchBarResults> {
                 ),
                 child: TextFormField(
                   autocorrect: false,
+                  autofocus: true,
                   style: const TextStyle(fontSize: 18),
                   decoration: InputDecoration(
                     hintText: appLocalizations.search,