diff --git a/dashboard-ui/bower_components/emby-apiclient/.bower.json b/dashboard-ui/bower_components/emby-apiclient/.bower.json
index e74f5e73b9..8ea484b639 100644
--- a/dashboard-ui/bower_components/emby-apiclient/.bower.json
+++ b/dashboard-ui/bower_components/emby-apiclient/.bower.json
@@ -16,12 +16,12 @@
},
"devDependencies": {},
"ignore": [],
- "version": "1.1.73",
- "_release": "1.1.73",
+ "version": "1.1.74",
+ "_release": "1.1.74",
"_resolution": {
"type": "version",
- "tag": "1.1.73",
- "commit": "3b108b8da07b5b715fe616f1528ad95acd15e061"
+ "tag": "1.1.74",
+ "commit": "3899ca26b73cbca2779ca2ff62c1063bf058ee4c"
},
"_source": "https://github.com/MediaBrowser/Emby.ApiClient.Javascript.git",
"_target": "^1.1.51",
diff --git a/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js b/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js
index de160c0c16..f484911c85 100644
--- a/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js
+++ b/dashboard-ui/bower_components/emby-apiclient/connectionmanager.js
@@ -215,7 +215,7 @@
return connectUser;
};
- var minServerVersion = '3.0.5930';
+ var minServerVersion = '3.0.5971';
self.minServerVersion = function (val) {
if (val) {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/.bower.json b/dashboard-ui/bower_components/emby-webcomponents/.bower.json
index 55b253c368..fce1be0321 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.161",
- "_release": "1.4.161",
+ "version": "1.4.165",
+ "_release": "1.4.165",
"_resolution": {
"type": "version",
- "tag": "1.4.161",
- "commit": "da357c3660e6956a59327fdd9d90506d16dc4b5c"
+ "tag": "1.4.165",
+ "commit": "ebe71bd8b4505ceb207efb226686eb6c3e842b4c"
},
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "^1.2.1",
diff --git a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
index ecfeba88b1..6a67a732c3 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.css
@@ -37,6 +37,10 @@
flex-shrink: 0;
}
+.actionSheetMenuItem-noflex {
+ display: block;
+}
+
.actionSheetItemText {
padding: .8em 0;
white-space: nowrap;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
index 6874ff7268..93ca3d7dee 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/actionsheet/actionsheet.js
@@ -170,14 +170,14 @@
html += '
';
- var itemTagName = 'button';
+ var menuItemClass = browser.noFlex || browser.firefox ? 'actionSheetMenuItem actionSheetMenuItem-noflex' : 'actionSheetMenuItem';
for (i = 0, length = options.items.length; i < length; i++) {
option = options.items[i];
var autoFocus = option.selected ? ' autoFocus' : '';
- html += '<' + itemTagName + autoFocus + ' is="emby-button" type="button" class="actionSheetMenuItem" data-id="' + (option.id || option.value) + '">';
+ html += '';
}
if (options.showCancel) {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
index 3ee3c59bec..cc5b82ef31 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
@@ -1,4 +1,7 @@
.card {
+ border: 0;
+ font-size: inherit !important;
+ font-family: inherit !important;
text-transform: none;
background-color: transparent !important;
background: none !important;
@@ -41,12 +44,6 @@
contain: layout style;
}
-button.card {
- border: 0 !important;
- font-size: inherit !important;
- font-family: inherit !important;
-}
-
.cardScalable {
position: relative;
}
@@ -70,7 +67,7 @@ button.card {
.card .cardBox {
padding: 0 !important;
margin: 0;
- transition: none !important;
+ transition: none;
border: 3px solid transparent;
}
@@ -85,14 +82,6 @@ button.card {
}
}
-.round .cardBox {
- border: .7em solid transparent;
-}
-
-.round .cardImageContainer {
- border: .15em solid transparent;
-}
-
.card:focus {
position: relative !important;
z-index: 10 !important;
@@ -103,20 +92,6 @@ button.card {
border-color: transparent;
}
-.cardImageContainer, .round:focus .cardImageContainer {
- border-color: #fff;
-}
-
-.round .cardBox {
- transition: transform 180ms ease-out !important;
- -webkit-transform-origin: center center;
- transform-origin: center center;
-}
-
-.layout-tv .round:focus .cardBox {
- transform: scale(1.34, 1.34);
-}
-
.bottomPaddedCard .cardBox:not(.visualCardBox) {
margin-bottom: 1em;
}
@@ -172,6 +147,7 @@ button.card {
position: relative;
background-clip: content-box !important;
border-radius: 2px;
+ color: #fff;
}
.visualCardBox .cardImageContainer {
@@ -183,7 +159,7 @@ button.card {
border-radius: 0;
}
-button.cardImageContainer {
+.cardImageContainer-button {
border: 0;
padding: 0;
background-color: transparent;
@@ -208,18 +184,10 @@ button.cardImageContainer {
display: block;
}
-.round .cardContent {
- overflow: visible;
-}
-
.scalableCard .cardImageContainer {
height: 100%;
}
-.round .cardImageContainer, .round .cardImage {
- border-radius: 1000px;
-}
-
.cardImage.coveredImage, .cardImageContainer.coveredImage, .coveredImage .cardImage {
background-size: 100% 100%;
background-position: center center;
@@ -233,10 +201,6 @@ button.cardImageContainer {
padding: .5em .3em;
}
- .cardFooter .cardText + .cardText {
- opacity: .6;
- }
-
.visualCardBox .cardScalable, .visualCardBox .cardFooter {
background-color: #222326;
}
@@ -259,6 +223,7 @@ button.cardImageContainer {
z-index: 1;
overflow: hidden;
max-width: 100%;
+ color: #fff;
}
.innerCardFooterClear {
@@ -274,20 +239,17 @@ button.cardImageContainer {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-}
-
-.cardText {
color: inherit;
}
-.innerCardFooter .cardText, .cardImageContainer .cardText {
- color: #fff;
-}
-
.cardTextCentered {
text-align: center;
}
+.cardText-secondary {
+ opacity: .6;
+}
+
.cardCenteredText {
white-space: normal;
}
@@ -310,7 +272,7 @@ button.cardImageContainer {
color: #fff;
}
-.card .indicators {
+.cardIndicators {
right: 2.5%;
top: 2.5%;
position: absolute;
@@ -318,12 +280,12 @@ button.cardImageContainer {
align-items: center;
}
-.portraitCard .indicators {
+.portraitCardIndicators {
right: 3%;
top: 2%;
}
-.backdropCard .indicators {
+.backdropCardIndicators {
right: 1.5%;
top: 2.8%;
}
diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
index d78201eb3a..09e94e7324 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
@@ -669,7 +669,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
return 'defaultCardColor' + getDefaultColorIndex(str);
}
- function getCardTextLines(lines, cssClass, forceLines) {
+ function getCardTextLines(lines, cssClass, forceLines, addSecondaryClass) {
var html = '';
@@ -680,6 +680,10 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
var text = lines[i];
+ if (i == 1 && addSecondaryClass) {
+ cssClass += ' cardText-secondary';
+ }
+
if (text) {
html += "
";
html += text;
@@ -865,7 +869,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
}
}
- html += getCardTextLines(lines, cssClass, !options.overlayText);
+ html += getCardTextLines(lines, cssClass, !options.overlayText, isOuterFooter);
if (progressHtml) {
html += progressHtml;
@@ -1076,6 +1080,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
} else {
if (overlayButtons && !separateCardBox) {
+ cardImageContainerClass += ' cardImageContainerClass-button';
cardImageContainerOpen = imgUrl ? ('
';
html += '
';
- html += '