fix(tabs): workaround for ngAnimate issue with ngClass

Robert Messerle · Robert Messerle · commit 19c11fddec71 · 2015-12-17T14:58:16.000-08:00
active tab was being hidden due to an ngAnimate issue, this prevents that bug from occurring but does not fix the underlying cause
diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
@@ -194,7 +194,7 @@ md-tab-content {
   &.ng-leave, &.md-no-transition {
     transition: none;
   }
-  &.md-left {
+  &.md-left:not(.md-active) {
     transform: translateX(-100%);
     animation: 2 * $swift-ease-in-out-duration md-tab-content-hide;
     opacity: 0;
@@ -204,7 +204,7 @@ md-tab-content {
       visibility: hidden;
     }
   }
-  &.md-right {
+  &.md-right:not(.md-active) {
     transform: translateX(100%);
     animation: 2 * $swift-ease-in-out-duration md-tab-content-hide;
     opacity: 0;

Original file line number	Diff line number	Diff line change
`@@ -194,7 +194,7 @@ md-tab-content {`
`194`	`194`	`&.ng-leave, &.md-no-transition {`
`195`	`195`	`transition: none;`
`196`	`196`	`}`
`197`		`- &.md-left {`
	`197`	`+ &.md-left:not(.md-active) {`
`198`	`198`	`transform: translateX(-100%);`
`199`	`199`	`animation: 2 * $swift-ease-in-out-duration md-tab-content-hide;`
`200`	`200`	`opacity: 0;`
`@@ -204,7 +204,7 @@ md-tab-content {`
`204`	`204`	`visibility: hidden;`
`205`	`205`	`}`
`206`	`206`	`}`
`207`		`- &.md-right {`
	`207`	`+ &.md-right:not(.md-active) {`
`208`	`208`	`transform: translateX(100%);`
`209`	`209`	`animation: 2 * $swift-ease-in-out-duration md-tab-content-hide;`
`210`	`210`	`opacity: 0;`