1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

fix issues with scrollbutton visibility

This commit is contained in:
dkanada 2019-10-03 01:34:20 +09:00
parent bbc5a5f491
commit c36a916e20
3 changed files with 20 additions and 29 deletions

View file

@ -4,8 +4,15 @@
right: 0;
align-items: center;
justify-content: center;
min-width:104px;
min-height:24px;
z-index: 1;
color: #ffffff;
display: flex;
overflow: hidden;
}
.emby-scrollbuttons-button > i {
min-width: 24px;
min-height: 24px;
display: block;
}

View file

@ -133,22 +133,21 @@ define(['layoutManager', 'dom', 'css!./emby-scrollbuttons', 'registerElement', '
EmbyScrollButtonsPrototype.attachedCallback = function () {
var scroller = this.nextSibling;
var parent = this.parentNode;
this.scroller = scroller;
var parent = this.parentNode;
parent.classList.add('emby-scroller-container');
this.innerHTML = getScrollButtonHtml('left') + getScrollButtonHtml('right');
var scrollHandler = onScroll.bind(this);
this.scrollHandler = scrollHandler;
var buttons = this.querySelectorAll('.emby-scrollbuttons-button');
buttons[0].addEventListener('click', onScrollButtonClick);
buttons[1].addEventListener('click', onScrollButtonClick);
this.scrollButtonsLeft = buttons[0];
this.scrollButtonsRight = buttons[1];
var scrollHandler = onScroll.bind(this);
this.scrollHandler = scrollHandler;
scroller.addScrollEventListener(scrollHandler, {
capture: false,
passive: true