feat(input): adds no-float class to disable floating label animations

Closes #201
angular · Feb 4, 2015 · 5682f52 · 5682f52
1 parent f1a4bcc
commit 5682f52
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/input/input.js b/src/components/input/input.js
@@ -85,7 +85,7 @@ function labelDirective() {
     restrict: 'E',
     require: '^?mdInputContainer',
     link: function(scope, element, attr, containerCtrl) {
-      if (!containerCtrl) return;
+      if (!containerCtrl || attr.noFloat) return;
 
       containerCtrl.label = element;
       scope.$on('$destroy', function() {

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
@@ -46,7 +46,7 @@ md-input-container {
     overflow: hidden;
   }
 
-  label, 
+  label:not(.no-float),
   .md-placeholder {
     order: 1;
     pointer-events: none;
@@ -139,7 +139,7 @@ md-input-container {
 
   &.md-input-focused,
   &.md-input-has-value {
-    label {
+    label:not(.no-float) {
       transform: translate3d(0,$input-label-float-offset,0) scale($input-label-float-scale);
     }
   }