work around 'Done' wrapping on add subteam members (#24173)

* work around 'Done' wrapping on add subteam members * snaps
keybase · May 18, 2020 · 139bb34 · 139bb34
1 parent be3df66
commit 139bb34
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 15 deletions.
diff --git a/shared/stories/__rntests__/__snapshots__/Storyshots-rn.js.snap b/shared/stories/__rntests__/__snapshots__/Storyshots-rn.js.snap
diff --git a/shared/teams/new-team/wizard/add-subteam-members.tsx b/shared/teams/new-team/wizard/add-subteam-members.tsx
@@ -83,9 +83,11 @@ const AddSubteamMembers = () => {
       header={{
         leftButton: <Kb.Icon type="iconfont-arrow-left" onClick={onBack} />,
         rightButton: Styles.isMobile ? (
-          <Kb.Text type="BodyBigLink" onClick={onContinue}>
-            {doneLabel}
-          </Kb.Text>
+          <Kb.Box2 direction="horizontal" style={styles.noWrap}>
+            <Kb.Text type="BodyBigLink" onClick={onContinue}>
+              {doneLabel}
+            </Kb.Text>
+          </Kb.Box2>
         ) : (
           undefined
         ),
@@ -143,6 +145,10 @@ const styles = Styles.styleSheetCreate(() => ({
     paddingRight: Styles.globalMargins.small,
   },
   hideOverflow: {overflow: 'hidden'},
+  noWrap: {
+    justifyContent: 'flex-end',
+    width: 48, // wide enough for "Done" or "Skip" to fit. workaround modal2 header measurement onmount
+  },
   search: {
     borderRadius: 4,
   },