diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json index 115c16a1d0..5ad60a4446 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/.bower.json +++ b/dashboard-ui/bower_components/emby-webcomponents/.bower.json @@ -14,12 +14,12 @@ }, "devDependencies": {}, "ignore": [], - "version": "1.4.204", - "_release": "1.4.204", + "version": "1.4.206", + "_release": "1.4.206", "_resolution": { "type": "version", - "tag": "1.4.204", - "commit": "0e3bdeb9f16833a9cb5e5d7047621e888cd72148" + "tag": "1.4.206", + "commit": "3f48458370184be23fcd9dd588f86109d0a5f5ba" }, "_source": "https://github.com/MediaBrowser/emby-webcomponents.git", "_target": "^1.2.1", diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css index 8ca52af9c0..1077bd0085 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css +++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css @@ -71,13 +71,16 @@ .cardBox-focustransform { will-change: transform; - /*transition: transform 200ms ease-out;*/ } -/*.card:focus > .cardBox-focustransform { - transition-delay: 50ms; +.cardBox-focustransform-transition { + will-change: transform; + transition: transform 200ms ease-out; +} + +.card-focusscale:focus > .cardBox-focustransform { transform: scale(1.16, 1.16); -}*/ +} @media all and (min-width: 600px) { @@ -327,10 +330,6 @@ width: 50%; } -.midBackdropCard-scalable { - width: 100%; -} - .squareCard-scalable { width: 50%; } @@ -358,10 +357,6 @@ .backdropCard-scalable { width: 50%; } - - .midBackdropCard-scalable { - width: 50%; - } } @media all and (min-width: 500px) { @@ -392,10 +387,6 @@ .overflowSquareCard-scalable { width: 30%; } - - .midBackdropCard-scalable { - width: 33.333333333333333333333333333333%; - } } @media all and (min-width: 700px) { @@ -431,10 +422,6 @@ .squareCard-scalable { width: 20%; } - - .midBackdropCard-scalable { - width: 25%; - } } @media all and (min-width: 1000px) { @@ -478,10 +465,6 @@ .smallBackdropCard-scalable { width: 16.666666666666666666666666666667%; } - - .midBackdropCard-scalable { - width: 20%; - } } diff --git a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css index 38d7ad3604..da42a2c7a3 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css +++ b/dashboard-ui/bower_components/emby-webcomponents/emby-button/emby-button.css @@ -1,6 +1,6 @@ .emby-button { position: relative; - display: inline-block; + display: inline-flex; align-items: center; box-sizing: border-box; margin: 0 .29em; @@ -89,7 +89,7 @@ transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } - .emby-button i + span { + .emby-button > i + span { margin-left: .5em; } @@ -97,12 +97,12 @@ margin-left: .5em; } - .emby-button.iconRight i { + .emby-button.iconRight > i { margin-left: auto; margin-right: .25em; } -.emby-button-noflex.iconRight i { +.emby-button-noflex.iconRight > i { position: absolute; right: 0; top: 25%; diff --git a/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.js b/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.js index 74cfca35fb..79d7030cbc 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.js +++ b/dashboard-ui/bower_components/emby-webcomponents/imageeditor/imageeditor.js @@ -31,12 +31,14 @@ } } - function addListeners(elems, eventName, fn) { + function addListeners(container, className, eventName, fn) { - for (var i = 0, length = elems.length; i < length; i++) { - - elems[i].addEventListener(eventName, fn); - } + container.addEventListener(eventName, function (e) { + var elem = dom.parentWithClass(e.target, className); + if (elem) { + fn.call(elem, e); + } + }); } function reloadItem(page, item, apiClient) { @@ -84,24 +86,31 @@ // For search hints return apiClient.getScaledImageUrl(item.Id || item.ItemId, options); - } - function getCardHtml(image, index, apiClient, imageProviders, imageSize, tagName, enableFooterButtons) { var html = ''; var cssClass = "card scalableCard"; - cssClass += " midBackdropCard midBackdropCard-scalable"; + var cardBoxCssClass = 'cardBox visualCardBox'; + + cssClass += " backdropCard backdropCard-scalable"; if (tagName == 'button') { - html += '
+ ${HeaderEditImages}
diff --git a/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js b/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js index 26252c9ea6..1b0c40b85f 100644 --- a/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js +++ b/dashboard-ui/bower_components/emby-webcomponents/itemidentifier/itemidentifier.js @@ -174,6 +174,7 @@ var html = ''; var cssClass = "card scalableCard"; + var cardBoxCssClass = 'cardBox visualCardBox'; var padderClass; if (currentItemType == "Episode") { @@ -189,8 +190,13 @@ padderClass = 'cardPadder-portrait'; } + if (layoutManager.tv) { + cssClass += ' card-focusscale'; + cardBoxCssClass += ' cardBox-focustransform cardBox-focustransform-transition'; + } + html += '