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);