diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css index 5d623b4f4d..01e8b66950 100644 --- a/dashboard-ui/css/posteritem.css +++ b/dashboard-ui/css/posteritem.css @@ -14,6 +14,11 @@ transition: all 500ms ease; } +.posterItemOverlayTarget { + position: absolute; + right: 0; + top: 50%; +} .smallBackdropPosterItem, .smallPosterItem { margin: 5px; diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index 5070f74a6e..5632810b59 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -916,6 +916,8 @@ imageCssClass += " coveredPosterItemImage"; } + html += '
'; + var progressHtml = LibraryBrowser.getItemProgressBarHtml(item); html += '
'; @@ -2498,7 +2500,11 @@ $(document.body).append(html); - var popup = $('.itemFlyout').on('mouseenter', onOverlayMouseOver).on('mouseleave', onOverlayMouseOut).popup({ positionTo: elem }).trigger('create').popup("open").on("popupafterclose", function () { + var popup = $('.itemFlyout').on('mouseenter', onOverlayMouseOver).on('mouseleave', onOverlayMouseOut).popup({ + + positionTo: $('.posterItemOverlayTarget', elem) + + }).trigger('create').popup("open").on("popupafterclose", function () { $(this).off("popupafterclose").off("mouseenter").off("mouseleave").remove(); }); @@ -2588,7 +2594,7 @@ onShowTimerExpired(elem); - }, 600); + }, 500); } // https://hacks.mozilla.org/2013/04/detecting-touch-its-the-why-not-the-how/ @@ -2599,8 +2605,6 @@ return this; } - return this; - return this.on('mouseenter', '.posterItem', onHoverIn) .on('mouseleave', '.posterItem', onHoverOut) .on('click', '.posterItem', onPosterItemClicked);