jellyfin-web/dashboard-ui/components/navdrawer/navdrawer.css

52 lines
1.2 KiB
CSS
Raw Normal View History

2016-06-20 22:35:33 -07:00
.touch-menu-la {
width: 240px;
position: fixed;
top: 0;
left: -280px;
bottom: 0;
background-color: #FFF;
will-change: transform;
contain: layout style;
display: flex;
2016-06-21 08:26:15 -07:00
transition: transform ease-out 60ms;
z-index: 1099;
2016-06-20 22:35:33 -07:00
}
.touch-menu-la.transition {
/*transition: transform 0.3s ease-out;*/
2016-06-21 08:26:15 -07:00
transition: -webkit-transform ease-out 280ms;
transition: transform ease-out 280ms;
2016-06-20 22:35:33 -07:00
/*transition: -webkit-transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;
transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;*/
}
.touch-menu-la .tmla-handle {
position: absolute;
top: 0;
height: 100%;
}
.scrollContainer {
flex-grow: 1;
overflow: auto;
}
.tmla-mask {
2016-06-21 08:26:15 -07:00
position: fixed;
2016-06-20 22:35:33 -07:00
top: 0;
left: 0;
2016-06-21 08:26:15 -07:00
right: 0;
bottom: 0;
2016-06-20 22:35:33 -07:00
background-color: #000;
opacity: 0.0;
2016-06-21 08:26:15 -07:00
z-index: 1098;
2016-06-20 22:35:33 -07:00
transition: opacity ease-in-out 0.38s, visibility ease-in-out 0.38s;
2016-06-21 08:26:15 -07:00
background-color: rgba(0, 0, 0, 0.3);
visibility: hidden;
2016-06-20 22:35:33 -07:00
}
2016-06-21 08:26:15 -07:00
.tmla-mask.backdrop {
visibility: visible;
opacity: 1;
}