mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update nav drawer
This commit is contained in:
parent
f9b4288b08
commit
61b625bbdb
6 changed files with 171 additions and 218 deletions
|
@ -2,20 +2,23 @@
|
|||
width: 240px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: -280px;
|
||||
bottom: 0;
|
||||
background-color: #FFF;
|
||||
will-change: transform;
|
||||
contain: layout style;
|
||||
display: flex;
|
||||
transition: transform ease-out 60ms;
|
||||
transition: transform ease-out 60ms, left ease-out 300ms;
|
||||
z-index: 1099;
|
||||
}
|
||||
|
||||
.touch-menu-la.open {
|
||||
box-shadow: 2px 0 12px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.touch-menu-la.transition {
|
||||
/*transition: transform 0.3s ease-out;*/
|
||||
transition: -webkit-transform ease-out 280ms;
|
||||
transition: transform ease-out 280ms;
|
||||
transition: -webkit-transform ease-out 280ms, left ease-out 300ms;
|
||||
transition: transform ease-out 280ms, left ease-out 300ms;
|
||||
/*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;*/
|
||||
}
|
||||
|
|
|
@ -48,11 +48,11 @@
|
|||
options.target.style.left = -options.width + 'px';
|
||||
|
||||
if (!options.disableEdgeSwipe) {
|
||||
var handle = document.createElement('div');
|
||||
handle.className = "tmla-handle";
|
||||
handle.style.width = options.handleSize + 'px';
|
||||
handle.style.right = -options.handleSize + 'px';
|
||||
options.target.appendChild(handle);
|
||||
//var handle = document.createElement('div');
|
||||
//handle.className = "tmla-handle";
|
||||
//handle.style.width = options.handleSize + 'px';
|
||||
//handle.style.right = -options.handleSize + 'px';
|
||||
//options.target.appendChild(handle);
|
||||
}
|
||||
|
||||
if (!options.disableMask) {
|
||||
|
@ -71,6 +71,7 @@
|
|||
TouchMenuLA.prototype.touchStartMenu = function () {
|
||||
menuHammer.on('panstart', function (ev) {
|
||||
options.target.classList.remove('transition');
|
||||
options.target.classList.add('open');
|
||||
velocity = Math.abs(ev.velocity);
|
||||
});
|
||||
menuHammer.on('panmove', function (ev) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue