Merge pull request #45134 from bernhardoj/fix/44608-breadcrumb-header-text-cut-off

Fix breadcrumb title text is cut off

Author: pecanoro

src/components/Breadcrumbs.tsx

@@ -36,10 +36,11 @@ function Breadcrumbs({breadcrumbs, style}: BreadcrumbsProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const [primaryBreadcrumb, secondaryBreadcrumb] = breadcrumbs;
+    const isRootBreadcrumb = primaryBreadcrumb.type === CONST.BREADCRUMB_TYPE.ROOT;
     const fontScale = PixelRatio.getFontScale() > CONST.LOGO_MAX_SCALE ? CONST.LOGO_MAX_SCALE : PixelRatio.getFontScale();
     return (
         <View style={[styles.flexRow, styles.alignItemsCenter, styles.gap1, styles.w100, styles.breadcrumsContainer, style]}>
-            {primaryBreadcrumb.type === CONST.BREADCRUMB_TYPE.ROOT ? (
+            {isRootBreadcrumb ? (
                 <View style={styles.breadcrumbLogo}>
                     <Header
                         title={
@@ -68,7 +69,7 @@ function Breadcrumbs({breadcrumbs, style}: BreadcrumbsProps) {
                     <Text style={[styles.breadcrumbSeparator]}>/</Text>
                     <Text
                         numberOfLines={1}
-                        style={[styles.mw75, styles.flexShrink0, styles.breadcrumb, styles.flex1]}
+                        style={[styles.mw75, styles.breadcrumb, isRootBreadcrumb ? styles.flex1 : styles.flexShrink0]}
                     >
                         {secondaryBreadcrumb.text}
                     </Text>