Fade Long Usernames on Sidebar

Long usernames now fade out on the sidebar to make room for the settings button
2025-09-12 23:45:18 +00:00 · 2022-09-01 17:01:17 -05:00 · 2022-09-01 17:01:17 -05:00 · c439a526dd
commit c439a526dd
parent c3bf5119eb
1 changed files with 13 additions and 5 deletions
--- a/lib/components/Home/Sidebar.dart
+++ b/lib/components/Home/Sidebar.dart
@ -154,11 +154,19 @@ class Sidebar extends HookConsumerWidget {
                                    backgroundImage:
                                        CachedNetworkImageProvider(avatarImg),
                                  ),
-                                  const SizedBox(width: 10),
-                                  Text(
-                                    data.displayName ?? "Guest",
-                                    style: const TextStyle(
-                                      fontWeight: FontWeight.bold,
+                                  const SizedBox(
+                                    width: 10,
+                                  ),
+                                  SizedBox(
+                                    width: 120,
+                                    child: Text(
+                                      data.displayName ?? "Guest",
+                                      maxLines: 1,
+                                      softWrap: false,
+                                      overflow: TextOverflow.fade,
+                                      style: const TextStyle(
+                                        fontWeight: FontWeight.bold,
+                                      ),
                                    ),
                                  ),
                                ],