cargdev/angular
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(aio): fix tab animations on CodeTabsComponent

Browse Source 
In our attempt to remove the material ripple effect from tab labels, we were
killing all `transform`-based animations on other `md-tab-group` elements, such
as animating the content when entering/leaving. (This wasn't an issue on Chrome,
because it didn't respect our `!important` flag.)
This commit fixes it by properly hiding the ripple effect (using a feature
introduced in angular/material2@e4789c7b8) and allowing other animations to
execute normally.

Fixes #17998
This commit is contained in:
Georgios Kalpakas
2017-07-10 13:31:26 +03:00
committed by Igor Minar
parent 076ea2281f
commit 4d45fe6fb5
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
aio/src/styles/2-modules/_code.scss
View File

@ -112,11 +112,6 @@ aio-code pre {
}
// REMOVE RIPPLE EFFECT FROM MATERIAL TABS
code-tabs md-tab-group *.mat-ripple-element, code-tabs md-tab-group *.mat-tab-body-active, code-tabs md-tab-group *.mat-tab-body-content, code-tabs md-tab-group *.mat-tab-body-content {
transform: none !important;
}
[role="tabpanel"] {
transition: none;
}