fix(tabs): fixes styles for md-border-bottom and md-align-tabs

Closes #2119
angular · Apr 13, 2015 · 9affd12 · 9affd12 · ThomasBurleson · Apr 13, 2015
1 parent 942d0b9
commit 9affd12
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/src/components/tabs/js/tabsDirective.js b/src/components/tabs/js/tabsDirective.js
@@ -96,7 +96,7 @@
  dynamicHeight: '=?mdDynamicHeight',
  centerTabs: '=?mdCenterTabs',
  selectedIndex: '=?mdSelected',
- stretchTabs: '@?mdStretchTabs'
+ stretchTabs:  '@?mdStretchTabs'
  },
  transclude: true,
  template: '\

diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
@@ -44,6 +44,21 @@ md-tabs {
  }
  }
  }
+ &[md-align-tabs="bottom"] {
+ md-tabs-wrapper {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: $tabs-header-height;
+ }
+ }
+ &[md-border-bottom] {
+ md-tabs-wrapper {
+ border-width: 0 0 1px;
+ border-style: solid;
+ }
+ }
 }
 md-tabs-wrapper {
  display: block;
@@ -88,21 +103,6 @@ md-tabs-wrapper {
  transform: translate3d(-50%, -50%, 0) rotate(180deg);
  }
  }
- &[md-align-tabs="bottom"] {
- md-tabs-wrapper {
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- height: $tabs-header-height;
- }
- }
- &[md-border-bottom] {
- md-tabs-wrapper {
- border-width: 0 0 1px;
- border-style: solid;
- }
- }
  &.md-stretch-tabs {
  md-pagination-wrapper {
  width: 100%;