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,13 +154,21 @@ class Sidebar extends HookConsumerWidget {
                                    backgroundImage:
                                        CachedNetworkImageProvider(avatarImg),
                                  ),
-                                  const SizedBox(width: 10),
-                                  Text(
+                                  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,
                                      ),
                                    ),
+                                  ),
                                ],
                              ),
                            IconButton(