Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-04-30 19:44:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve sidenav performance and expansion list performance

Browse source
This commit is contained in:
Marcos Moura 2016-11-14 10:12:08 -02:00
parent c296bcf78a
commit 2c38515830
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/mdList/mdList.scss
View file

@ -276,6 +276,7 @@
position: relative;
z-index: 1;
transform: translate3D(0, 0, 0);
will-change: margin-bottom;
transition: $swift-ease-in-out;
&.md-transition-off {

12
src/components/mdSidenav/mdSidenav.scss
View file

@ -3,12 +3,12 @@
.md-sidenav {
&.md-left .md-sidenav-content {
left: 0;
transform: translate3d(-100%, 0, 0);
transform: translate3D(-100%, 0, 0);
}
&.md-right .md-sidenav-content {
right: 0;
transform: translate3d(100%, 0, 0);
transform: translate3D(100%, 0, 0);
}
&.md-fixed {
@ -26,6 +26,9 @@
z-index: 100;
pointer-events: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
box-shadow: $material-shadow-16dp;
will-change: transform;
transition: $swift-ease-out;
}
@ -38,8 +41,8 @@
z-index: 99;
pointer-events: none;
background-color: rgba(#000, .54);
transform: translate3d(0, 0, 0);
opacity: 0;
will-change: opacity;
transition: $swift-ease-in-out;
}
}
@ -47,8 +50,7 @@
.md-sidenav.md-active {
.md-sidenav-content {
pointer-events: auto;
box-shadow: $material-shadow-16dp;
transform: translate3d(0, 0, 0);
transform: translate3D(0, 0, 0);
}
.md-backdrop {