skills/angular__angular
1
0
Fork 0
mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): blurry content in IE (#6954)

Browse Source 
Fixes the content of tabs being blurred on IE due to a `transform`.

Fixes #6944.
This commit is contained in:
Kristiyan Kostadinov
2017-09-29 22:16:27 +02:00
committed by Andrew Seguin
parent b1ceeecd88
commit 7a354a0958
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/tabs/tab-body.ts
+2 -4
View File
@@ -69,11 +69,9 @@ export type MatTabBodyOriginState = 'left' | 'right';
},
animations: [
trigger('translateTab', [
state('void', style({transform: 'translate3d(0%, 0, 0)'})),
// Note: transitions to `none` instead of 0, because some browsers might blur the content.
state('center, void, left-origin-center, right-origin-center', style({transform: 'none'})),
state('left', style({transform: 'translate3d(-100%, 0, 0)'})),
state('left-origin-center', style({transform: 'translate3d(0%, 0, 0)'})),
state('right-origin-center', style({transform: 'translate3d(0%, 0, 0)'})),
state('center', style({transform: 'translate3d(0%, 0, 0)'})),
state('right', style({transform: 'translate3d(100%, 0, 0)'})),
transition('* => left, * => right, left => center, right => center',
animate('500ms cubic-bezier(0.35, 0, 0.25, 1)')),