fix(tabs): fixes CSS to respect non-truthy values for md-dynamic-height

Closes #3184

Author: Robert Messerle

src/components/tabs/js/tabsController.js

@@ -85,6 +85,10 @@ function MdTabsController ($scope, $element, $window, $timeout, $mdConstant, $md
     $mdUtil.initOptionalProperties($scope, $attrs);
     $attrs.$observe('mdNoBar', function (value) { $scope.noInkBar = angular.isDefined(value); });
     $scope.$watch('selectedIndex', handleSelectedIndexChange);
+    $scope.$watch('dynamicHeight', function (value) {
+      if (value) $element.addClass('md-dynamic-height');
+      else $element.removeClass('md-dynamic-height');
+    });
     $scope.$on('$destroy', cleanup);
   }
 

src/components/tabs/tabs.scss

@@ -27,7 +27,7 @@ md-tabs {
   &.ng-animate {
     transition: height $swift-ease-in-out-duration $swift-ease-in-out-timing-function;
   }
-  &:not(.md-no-tab-content):not([md-dynamic-height]) {
+  &:not(.md-no-tab-content):not(.md-dynamic-height) {
     min-height: 200 + $tabs-header-height;
   }
   &[md-align-tabs="bottom"] {
@@ -43,7 +43,7 @@ md-tabs {
       bottom: $tabs-header-height;
     }
   }
-  &[md-dynamic-height] {
+  &.md-dynamic-height {
     md-tabs-content-wrapper {
       min-height: 0;
       position: relative;
@@ -64,7 +64,7 @@ md-tabs {
         padding-bottom: 11px;
       }
     }
-    &:not([md-dynamic-height]) {
+    &:not(.md-dynamic-height) {
       md-tabs-content-wrapper {
         top: $tabs-header-height + 1;
       }