TW-1421: ellipsis navigation label

linagora · Mar 14, 2024 · 6851d71 · 6851d71
1 parent 798822a
commit 6851d71
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/lib/widgets/layouts/adaptive_layout/adaptive_scaffold_primary_navigation_style.dart b/lib/widgets/layouts/adaptive_layout/adaptive_scaffold_primary_navigation_style.dart
@@ -6,6 +6,13 @@ class AdaptiveScaffoldPrimaryNavigationStyle {
   static const EdgeInsetsDirectional dividerPadding =
       EdgeInsetsDirectional.only(bottom: 16);
 
+  static TextStyle? labelTextStyle(BuildContext context) {
+    return Theme.of(context).textTheme.labelMedium?.copyWith(
+          color: Theme.of(context).colorScheme.onSurface,
+          overflow: TextOverflow.ellipsis,
+        );
+  }
+
   static const double primaryNavigationWidth = 80;
   static const double avatarSize = 56;
   static const double dividerSize = 2;

diff --git a/lib/widgets/layouts/adaptive_layout/adaptive_scaffold_primary_navigation_view.dart b/lib/widgets/layouts/adaptive_layout/adaptive_scaffold_primary_navigation_view.dart
@@ -40,6 +40,14 @@ class AdaptiveScaffoldPrimaryNavigationView extends StatelessWidget {
                 onDestinationSelected: onDestinationSelected,
                 labelType: NavigationRailLabelType.all,
                 backgroundColor: Theme.of(context).colorScheme.surface,
+                selectedLabelTextStyle:
+                    AdaptiveScaffoldPrimaryNavigationStyle.labelTextStyle(
+                  context,
+                ),
+                unselectedLabelTextStyle:
+                    AdaptiveScaffoldPrimaryNavigationStyle.labelTextStyle(
+                  context,
+                ),
               ),
             ),
             Column(