fix(tabs): updates CSS so that tabs support scrolling when necessary

Closes #2088

Author: Robert Messerle

src/components/tabs/js/tabsDirective.js

@@ -175,7 +175,8 @@
                 \'md-no-transition\': $mdTabsCtrl.lastSelectedIndex == null,\
                 \'md-active\': tab.isActive(),\
                 \'md-left\':   tab.isLeft(),\
-                \'md-right\':  tab.isRight()\
+                \'md-right\':  tab.isRight(),\
+                \'md-no-scroll\': dynamicHeight\
               }"></md-tab-content>\
         </md-tabs-content-wrapper>\
       ',

src/components/tabs/tabs.scss

@@ -17,6 +17,7 @@ md-tabs {
   border-radius: 2px;
   overflow: hidden;
   position: relative;
+  transition: height $swift-ease-in-out-duration $swift-ease-in-out-timing-function;
   &:not(.md-no-tab-content) {
     min-height: 200 + $tabs-header-height;
   }
@@ -37,14 +38,6 @@ md-tabs {
       border-style: solid;
     }
   }
-  &[md-dynamic-height] {
-    transition: height $swift-ease-in-out-duration $swift-ease-in-out-timing-function;
-    md-tabs-content-wrapper {
-      md-tab-content {
-        bottom: initial;
-      }
-    }
-  }
   md-tabs-wrapper {
     display: block;
     position: relative;
@@ -189,6 +182,11 @@ md-tabs {
       top: 0; left: 0; right: 0; bottom: 0;
       transform: translateX(0);
       transition: transform $swift-ease-in-out-duration $swift-ease-in-out-timing-function;
+      overflow: auto;
+      &.md-no-scroll {
+        bottom: auto;
+        overflow: hidden;
+      }
       &.ng-leave, &.md-no-transition {
         transition: none;
       }