Keep the "Hi <username>!" text to one line (#17162)

keybase · Apr 25, 2019 · b19d8cf · b19d8cf
1 parent 8056780
commit b19d8cf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/shared/router-v2/tab-bar/index.desktop.js b/shared/router-v2/tab-bar/index.desktop.js
@@ -112,7 +112,7 @@ class TabBar extends React.PureComponent<Props, State> {
                   style={styles.avatar}
                 />
                 <>
-                  <Kb.Text className="username" type="BodyTinySemibold" style={styles.username}>
+                  <Kb.Text className="username" lineClamp={1} type="BodyTinySemibold" style={styles.username}>
                     Hi {p.username}!
                   </Kb.Text>
                   <Kb.Icon
@@ -179,7 +179,9 @@ const styles = Styles.styleSheetCreate({
     paddingRight: 12,
     position: 'relative',
   },
-  username: {color: Styles.globalColors.blue3, flexGrow: 1},
+  username: Styles.platformStyles({
+    isElectron: {color: Styles.globalColors.blue3, flexGrow: 1, wordBreak: 'break-all'},
+  }),
 })
 
 const keysMap = Tabs.desktopTabOrder.reduce((map, tab, index) => {