Merge pull request #190 from Demizo/fix_username_overflow

[FIX] Fade Long Usernames on Sidebar
KRTirtho · Sep 2, 2022 · 3b24018 · 3b24018
2 parents c3bf511 + 0ae0e19
commit 3b24018
Showing 1 changed file with 24 additions and 13 deletions.
diff --git a/lib/components/Home/Sidebar.dart b/lib/components/Home/Sidebar.dart
@@ -148,20 +148,31 @@ class Sidebar extends HookConsumerWidget {
                                 child: CircularProgressIndicator(),
                               )
                             else if (data != null)
-                              Row(
-                                children: [
-                                  CircleAvatar(
-                                    backgroundImage:
-                                        CachedNetworkImageProvider(avatarImg),
-                                  ),
-                                  const SizedBox(width: 10),
-                                  Text(
-                                    data.displayName ?? "Guest",
-                                    style: const TextStyle(
-                                      fontWeight: FontWeight.bold,
+                              Flexible(
+                                child: Row(
+                                  mainAxisAlignment:
+                                      MainAxisAlignment.spaceEvenly,
+                                  children: [
+                                    CircleAvatar(
+                                      backgroundImage:
+                                          CachedNetworkImageProvider(avatarImg),
                                     ),
-                                  ),
-                                ],
+                                    const SizedBox(
+                                      width: 10,
+                                    ),
+                                    Flexible(
+                                      child: Text(
+                                        data.displayName ?? "Guest",
+                                        maxLines: 1,
+                                        softWrap: false,
+                                        overflow: TextOverflow.fade,
+                                        style: const TextStyle(
+                                          fontWeight: FontWeight.bold,
+                                        ),
+                                      ),
+                                    ),
+                                  ],
+                                ),
                               ),
                             IconButton(
                                 icon: const Icon(Icons.settings_outlined),