Fix Button line break

Won-Games · Jun 28, 2021 · 277e947 · 277e947
1 parent d0a5d2d
commit 277e947
Show file tree

Hide file tree

Showing 9 changed files with 48 additions and 4 deletions.
diff --git a/src/components/Banner/__snapshots__/test.tsx.snap b/src/components/Banner/__snapshots__/test.tsx.snap
@@ -28,6 +28,10 @@ exports[`<Banner /> should render correctly 1`] = `
   padding: 0.8rem 4.8rem;
 }
 
+.c5 > span {
+  white-space: nowrap;
+}
+
 .c5:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -156,4 +160,4 @@ exports[`<Banner /> should render correctly 1`] = `
     </a>
   </div>
 </main>
-`;
+`
diff --git a/src/components/Button/__snapshots__/test.tsx.snap b/src/components/Button/__snapshots__/test.tsx.snap
@@ -28,6 +28,10 @@ exports[`<Button /> should render the medium size by default 1`] = `
   padding: 0.8rem 3.2rem;
 }
 
+.c0 > span {
+  white-space: nowrap;
+}
+
 .c0:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }

diff --git a/src/components/Button/styles.ts b/src/components/Button/styles.ts
@@ -64,6 +64,10 @@ export const Wrapper = styled.button<WrapperProps>`
     padding: ${theme.spacings.xxsmall};
     text-decoration: none;
 
+    & > span {
+      white-space: nowrap;
+    }
+
     &:focus {
       box-shadow: 0 0 0 3px ${theme.colors.secondary};
     }

diff --git a/src/components/Empty/__snapshots__/test.tsx.snap b/src/components/Empty/__snapshots__/test.tsx.snap
@@ -28,6 +28,10 @@ exports[`<Empty /> should render correctly 1`] = `
   padding: 0.8rem 3.2rem;
 }
 
+.c3 > span {
+  white-space: nowrap;
+}
+
 .c3:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }

diff --git a/src/components/FormSignIn/__snapshots__/test.tsx.snap b/src/components/FormSignIn/__snapshots__/test.tsx.snap
@@ -94,6 +94,10 @@ exports[`<FormSignIn /> should render the form 1`] = `
   width: 100%;
 }
 
+.c8 > span {
+  white-space: nowrap;
+}
+
 .c8:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }

diff --git a/src/components/FormSignUp/__snapshots__/test.tsx.snap b/src/components/FormSignUp/__snapshots__/test.tsx.snap
@@ -94,6 +94,10 @@ exports[`<FormSignUp /> should render the form 1`] = `
   width: 100%;
 }
 
+.c7 > span {
+  white-space: nowrap;
+}
+
 .c7:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }

diff --git a/src/components/GameCard/__snapshots__/test.tsx.snap b/src/components/GameCard/__snapshots__/test.tsx.snap
@@ -35,6 +35,10 @@ exports[`<GameCard /> should render correctly 1`] = `
   color: #F231A5;
 }
 
+.c7 > span {
+  white-space: nowrap;
+}
+
 .c7:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -81,6 +85,10 @@ exports[`<GameCard /> should render correctly 1`] = `
   font-size: 1.2rem;
 }
 
+.c11 > span {
+  white-space: nowrap;
+}
+
 .c11:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -294,4 +302,4 @@ exports[`<GameCard /> should render correctly 1`] = `
     </div>
   </div>
 </article>
-`;
+`
diff --git a/src/components/GameInfo/__snapshots__/test.tsx.snap b/src/components/GameInfo/__snapshots__/test.tsx.snap
@@ -34,6 +34,10 @@ exports[`<GameInfo /> should render game informations 1`] = `
   padding: 0.8rem 4.8rem;
 }
 
+.c6 > span {
+  white-space: nowrap;
+}
+
 .c6:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -79,6 +83,10 @@ exports[`<GameInfo /> should render game informations 1`] = `
   color: #F231A5;
 }
 
+.c8 > span {
+  white-space: nowrap;
+}
+
 .c8:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -309,4 +317,4 @@ exports[`<GameInfo /> should render game informations 1`] = `
     </button>
   </div>
 </div>
-`;
+`
diff --git a/src/components/Highlight/__snapshots__/test.tsx.snap b/src/components/Highlight/__snapshots__/test.tsx.snap
@@ -28,6 +28,10 @@ exports[`<Highlight /> should render headings and button 1`] = `
   padding: 0.8rem 3.2rem;
 }
 
+.c5 > span {
+  white-space: nowrap;
+}
+
 .c5:focus {
   box-shadow: 0 0 0 3px #3CD3C1;
 }
@@ -139,4 +143,4 @@ exports[`<Highlight /> should render headings and button 1`] = `
     </a>
   </div>
 </section>
-`;
+`