Merge pull request #1 from chrismcv/floating-label-on-text-field

Make floating label text crisper when floating
mui · Jun 3, 2015 · 30478f2 · 30478f2
2 parents b2b4a76 + 4857e24
commit 30478f2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/text-field.jsx b/src/text-field.jsx
@@ -156,13 +156,13 @@ var TextField = React.createClass({
 
     if (this.state.isFocused) {
       styles.floatingLabel.color = this.getTheme().primary1Color;
-      styles.floatingLabel.transform = 'scale(0.75) translate3d(0, -18px, 0)';
+      styles.floatingLabel.transform = 'perspective(1px) scale(0.75) translate3d(0, -18px, 0)';
       styles.focusUnderline.transform = 'scaleX(1)';
     }
 
     if (this.state.hasValue) {
       styles.floatingLabel.color = ColorManipulator.fade(this.getTheme().textColor, 0.5);
-      styles.floatingLabel.transform = 'scale(0.75) translate3d(0, -18px, 0)';
+      styles.floatingLabel.transform = 'perspective(1px) scale(0.75) translate3d(0, -18px, 0)';
       styles.hint.opacity = 0;
     }