google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #311 from google/issue-310 

Add miniscule delay to tab buttons to fix #310
master
Addy Osmani 2015-05-22 15:34:47 +01:00
parent cd314b959c 9ae3758103
commit c0655b660e
2 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/_layout.scss
View File

@ -555,8 +555,7 @@
left: 0;
position: absolute;
background: $layout-header-tab-highlight;
-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;
-moz-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;
animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;
transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);
}

17
src/tabs/_tabs.scss
View File

@ -70,8 +70,7 @@
left: 0px;
position: absolute;
background: $tab-highlight-color;
-webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;
-moz-animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;
animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;
transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);
}
@ -103,19 +102,7 @@
}
}
@-webkit-keyframes border-expand {
0% {
opacity: 0;
width: 0;
}
100% {
opacity: 1;
width: 100%;
}
}
@-moz-keyframes border-expand {
@keyframes border-expand {
0% {
opacity: 0;
width: 0;