diff --git a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
index 3ee3c59be..50b7c0a6c 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/card.css
@@ -172,6 +172,7 @@ button.card {
position: relative;
background-clip: content-box !important;
border-radius: 2px;
+ color: #fff;
}
.visualCardBox .cardImageContainer {
@@ -259,6 +260,7 @@ button.cardImageContainer {
z-index: 1;
overflow: hidden;
max-width: 100%;
+ color: #fff;
}
.innerCardFooterClear {
@@ -274,16 +276,9 @@ button.cardImageContainer {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-}
-
-.cardText {
color: inherit;
}
-.innerCardFooter .cardText, .cardImageContainer .cardText {
- color: #fff;
-}
-
.cardTextCentered {
text-align: center;
}
@@ -310,7 +305,7 @@ button.cardImageContainer {
color: #fff;
}
-.card .indicators {
+.cardIndicators {
right: 2.5%;
top: 2.5%;
position: absolute;
@@ -318,12 +313,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 d78201eb3..0b4b249ed 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/cardbuilder/cardbuilder.js
@@ -1102,7 +1102,7 @@ define(['datetime', 'imageLoader', 'connectionManager', 'itemHelper', 'mediaInfo
}
if (indicatorsHtml) {
- cardImageContainerOpen += '' + indicatorsHtml + '
';
+ cardImageContainerOpen += '' + indicatorsHtml + '
';
}
var forceName = imgInfo.forceName;
diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
index 1e707ef58..08c2301b5 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
+++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.css
@@ -12,12 +12,15 @@
text-align: left;
padding: .25em 1.15em;
line-height: 160%;
- border-bottom: 1px solid #2a2a2a;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
}
+.listItem-border {
+ border-bottom: 1px solid #2a2a2a;
+}
+
.listItem-button {
width: 100%;
}
@@ -131,11 +134,11 @@
color: inherit !important;
}
-.layout-tv .listItem {
+.listItem-focusscale {
transition: transform .2s ease-out;
}
- .layout-tv .listItem:focus {
+ .listItem-focusscale:focus {
transform: scale(1.025, 1.025);
}
@@ -150,11 +153,7 @@
background-color: transparent !important;
}
-.paperList .listItem {
- border-bottom: 0;
-}
-
-.layout-tv .listItemMediaInfo {
+.listItemMediaInfo-padded {
margin: .5em 0;
}
diff --git a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js
index 45ef17286..673f1c102 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/listview/listview.js
@@ -178,12 +178,16 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
}
}
- var cssClass = "listItem listItem-nosidepadding";
+ var cssClass = "listItem listItem-nosidepadding listItem-border";
if (clickEntireItem) {
cssClass += ' itemAction listItem-button';
}
+ if (layoutManager.tv) {
+ cssClass += ' listItem-focusscale';
+ }
+
var downloadWidth = 80;
if (isLargeStyle) {
@@ -281,7 +285,13 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
html += getTextLinesHtml(textlines, isLargeStyle);
if (!enableSideMediaInfo) {
- html += '' + mediaInfo.getPrimaryMediaInfoHtml(item) + '
';
+
+ var mediaInfoClass = 'secondary listItemMediaInfo listItemBodyText';
+ if (layoutManager.tv) {
+ mediaInfoClass += ' listItemMediaInfo-padded';
+ }
+
+ html += '' + mediaInfo.getPrimaryMediaInfoHtml(item) + '
';
}
if (enableOverview && item.Overview) {
diff --git a/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js b/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js
index 5d9dd465c..82a6703e9 100644
--- a/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js
+++ b/dashboard-ui/bower_components/emby-webcomponents/subtitleeditor/subtitleeditor.js
@@ -117,7 +117,9 @@
var itemHtml = '';
var tagName = layoutManager.tv ? 'button' : 'div';
- var className = layoutManager.tv && s.Path ? 'listItem btnDelete' : 'listItem';
+ var className = layoutManager.tv && s.Path ? 'listItem listItem-focusscale btnDelete' : 'listItem';
+
+ className += ' listItem-noborder';
itemHtml += '<' + tagName + ' class="' + className + '" data-index="' + s.Index + '">';
diff --git a/dashboard-ui/components/directorybrowser/directorybrowser.js b/dashboard-ui/components/directorybrowser/directorybrowser.js
index 7299983e6..1eec1fe59 100644
--- a/dashboard-ui/components/directorybrowser/directorybrowser.js
+++ b/dashboard-ui/components/directorybrowser/directorybrowser.js
@@ -233,7 +233,6 @@
dlg.classList.add('ui-body-a');
dlg.classList.add('background-theme-a');
- dlg.classList.add('popupEditor');
dlg.classList.add('directoryPicker');
diff --git a/dashboard-ui/components/imagedownloader/imagedownloader.js b/dashboard-ui/components/imagedownloader/imagedownloader.js
index f1ee46c26..8f1b610c8 100644
--- a/dashboard-ui/components/imagedownloader/imagedownloader.js
+++ b/dashboard-ui/components/imagedownloader/imagedownloader.js
@@ -308,7 +308,6 @@
dlg.classList.add('ui-body-' + theme);
dlg.classList.add('background-theme-' + theme);
- dlg.classList.add('popupEditor');
var html = '';
html += '