Update FlexEnd class to more semantic AlignFieldBottom.

Shopify · Jan 28, 2019 · 0858561 · 0858561
1 parent b2f6b85
commit 0858561
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/TextField/TextField.scss b/src/components/TextField/TextField.scss
@@ -181,9 +181,9 @@ $stacking-order: (
   color: color('red');
 }
 
-.FlexEnd {
+.AlignFieldBottom {
   align-self: flex-end;
-  margin-bottom: rem(4px);
+  margin-bottom: spacing(extra-tight);
 }
 
 .Spinner {

diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
@@ -222,8 +222,7 @@ class TextField extends React.PureComponent<CombinedProps, State> {
 
     const characterCountClassName = classNames(
       styles.CharacterCount,
-      multiline && styles.FlexEnd,
-      // maxLength && characterCount === 0 && styles.MaxCharacters,
+      multiline && styles.AlignFieldBottom,
     );
 
     const characterCountText = !maxLength