From 3f04c807f4ddd649cc33d612e8b8f6c9ce812481 Mon Sep 17 00:00:00 2001
From: appflowy <annie@appflowy.io>
Date: Wed, 10 Nov 2021 19:18:09 +0800
Subject: [PATCH] [flutter]: fix overflow issue caused by long view name

---
 app_flowy/lib/workspace/presentation/home/navigation.dart   | 6 +++---
 .../presentation/widgets/menu/widget/app/section/item.dart  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app_flowy/lib/workspace/presentation/home/navigation.dart b/app_flowy/lib/workspace/presentation/home/navigation.dart
index d2bd97aeff..069c0ee6e7 100644
--- a/app_flowy/lib/workspace/presentation/home/navigation.dart
+++ b/app_flowy/lib/workspace/presentation/home/navigation.dart
@@ -69,9 +69,9 @@ class FlowyNavigation extends StatelessWidget {
           Selector<NavigationNotifier, List<NavigationItem>>(
             selector: (context, notifier) => notifier.navigationItems,
             builder: (ctx, items, child) => Expanded(
-              child: Wrap(
+              child: Row(
                 children: _renderNavigationItems(items),
-                crossAxisAlignment: WrapCrossAlignment.start,
+                // crossAxisAlignment: WrapCrossAlignment.start,
               ),
             ),
           ),
@@ -149,7 +149,7 @@ class NaviItemWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return item.leftBarItem.padding(horizontal: 2, vertical: 2);
+    return Expanded(child: item.leftBarItem.padding(horizontal: 2, vertical: 2));
   }
 }
 
diff --git a/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart b/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
index 945632e501..ed1f5d9d39 100644
--- a/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
+++ b/app_flowy/lib/workspace/presentation/widgets/menu/widget/app/section/item.dart
@@ -56,7 +56,7 @@ class ViewSectionItem extends StatelessWidget {
     List<Widget> children = [
       SizedBox(width: 16, height: 16, child: state.view.thumbnail()),
       const HSpace(2),
-      FlowyText.regular(state.view.name, fontSize: 12),
+      Expanded(child: FlowyText.regular(state.view.name, fontSize: 12)),
     ];
 
     if (onHover || state.isEditing) {