fix(Tag): add stretch for the Tag

8base · Feb 22, 2019 · f2ebc09 · f2ebc09
1 parent ba384cf
commit f2ebc09
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 1 deletion.
diff --git a/...__/__image_snapshots__/tag-test-js-components-tag-with-large-content-1-snap.png b/...__/__image_snapshots__/tag-test-js-components-tag-with-large-content-1-snap.png
diff --git a/e2e/__tests__/tag.test.js b/e2e/__tests__/tag.test.js
@@ -3,6 +3,7 @@ import { baisy } from '../setup/TestSuiter';
 
 const SUITES = [
   baisy.suite('Components/Tag', 'common'),
+  baisy.suite('Components/Tag', 'with large content'),
 ];
 
 

diff --git a/src/components/Tag/Tag.stories.js b/src/components/Tag/Tag.stories.js
@@ -14,6 +14,11 @@ export default (asStory: *) => {
           <Tag color="LIGHT_GRAY4">Content</Tag>
           <Tag color="LIGHT_GRAY5">Content</Tag>
         </Column>
+      ))
+      .add('with large content', () => (
+        <Column>
+          <Tag>data-builder-test-js-as-an-authorized-user-i-should-see-require-validation-during-create-the-text-filled.png</Tag>
+        </Column>
       ));
   });
 };

diff --git a/src/components/Tag/Tag.theme.js b/src/components/Tag/Tag.theme.js
@@ -9,7 +9,7 @@ const name = 'tag';
 const [TagOuter, theme] = createThemeTag(name, ({ COLORS }: *): * => ({
   root: {
     margin: 0,
-    height: '24px',
+    minHeight: '24px',
     padding: '0 12px',
     borderRadius: '24px',
     display: 'flex',
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,6 +3,7 @@ import { baisy } from '../setup/TestSuiter'; @@
     const SUITES = [
       baisy.suite('Components/Tag', 'common'),
+      baisy.suite('Components/Tag', 'with large content'),
     ];
@@ Expand Down @@