diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index e166310677..aa1aaaa5a5 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -69,7 +69,7 @@ } .bottomPaddedCard .cardBox { - margin-bottom: 5px; + margin-bottom: 12px; } .visualCardBox { @@ -85,7 +85,7 @@ } .ui-page-theme-b .visualCardBox { - background: rgba(45,45,45,.85); + background: rgba(40,40,40,.85); border-radius: 3px; } @@ -174,7 +174,7 @@ } .visualCardBox .outerCardFooter { - padding: 5px; + padding: 3px; position: relative; } @@ -195,6 +195,12 @@ line-height: 1.4; } +.cardButtonContainer { + text-align: right; + float: right; + padding: 5px 0 2px; +} + .cardContent .cardFooter .cardText { font-size: 14px; } @@ -220,7 +226,6 @@ } .cardBox:not(.visualCardBox) .outerCardFooter .cardText:last-child { - margin-bottom: 2em; } @media all and (max-width: 600px) { diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 837d56f91b..fecc66559e 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -1367,13 +1367,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { margin: 0 auto !important; } - .itemsListview .ui-li-aside { - right: 70px; - font-size: 13px; - top: 35%; - font-weight: 300 !important; - } - .itemsListview .ui-li-count { right: 1em; top: 70%; @@ -1409,11 +1402,20 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { background-position: center center; } -.listViewMoreButton { +.listViewAside { position: absolute; right: 0; top: 10%; - padding: 15px 20px; +} + + .listViewAside button { + padding: 15px 10px; + margin: 0 !important; + vertical-align: middle; + } + +.listViewMoreButton { + padding-left: 20px !important; font-size: 20px; } @@ -1475,9 +1477,27 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { color: #2ad; } +.listViewUserDataButtons { + visibility: hidden; +} + +@media all and (min-width: 1200px) { + + li:hover .listViewUserDataButtons { + visibility: visible !important; + } +} + +@media all and (max-width: 1200px) { + + .listViewUserDataButtons { + display: none; + } +} + @media all and (max-width: 600px) { - .itemsListview .ui-li-aside { + .listViewAsideText { display: none; } } diff --git a/dashboard-ui/scripts/appsettings.js b/dashboard-ui/scripts/appsettings.js index 945bbc16d1..d71aff97ea 100644 --- a/dashboard-ui/scripts/appsettings.js +++ b/dashboard-ui/scripts/appsettings.js @@ -38,7 +38,7 @@ update('enableItemPreviews', val.toString()); } - return store.getItem('enableItemPreviews') != 'false'; + return store.getItem('enableItemPreviews') == 'true'; }, enableFullScreen: function (val) { diff --git a/dashboard-ui/scripts/backdrops.js b/dashboard-ui/scripts/backdrops.js index 770e14e01e..5f2e81588c 100644 --- a/dashboard-ui/scripts/backdrops.js +++ b/dashboard-ui/scripts/backdrops.js @@ -85,7 +85,7 @@ type: "Backdrop", tag: item.tag, maxWidth: screenWidth, - quality: 80 + quality: 50 }); setBackdropImage(getElement(), imgUrl); @@ -174,7 +174,7 @@ type: "Backdrop", tag: item.tag, maxWidth: screenWidth, - quality: 80 + quality: 50 }); setBackdropImage(getElement(), imgUrl); diff --git a/dashboard-ui/scripts/channelitems.js b/dashboard-ui/scripts/channelitems.js index ee2d980906..9a37b1e93a 100644 --- a/dashboard-ui/scripts/channelitems.js +++ b/dashboard-ui/scripts/channelitems.js @@ -147,9 +147,9 @@ context: 'channels', showTitle: true, coverImage: true, - cardLayout: true, showYear: true, - lazy: true + lazy: true, + centerText: true }); var elem = $('#items', page).html(html).lazyChildren(); diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js index 7977912fdf..bc775f4025 100644 --- a/dashboard-ui/scripts/indexpage.js +++ b/dashboard-ui/scripts/indexpage.js @@ -32,51 +32,51 @@ var item = items[i]; var icon; - var backgroundColor = 'rgba(82, 181, 75, 0.7)'; + var backgroundColor = 'rgba(82, 181, 75, 0.9)'; switch (item.CollectionType) { case "movies": icon = "fa-film"; - backgroundColor = 'rgba(176, 94, 81, 0.7)'; + backgroundColor = 'rgba(176, 94, 81, 0.9)'; break; case "music": icon = "fa-music"; - backgroundColor = 'rgba(217, 145, 67, 0.7)'; + backgroundColor = 'rgba(217, 145, 67, 0.9)'; break; case "photos": icon = "fa-photo"; - backgroundColor = 'rgba(127, 0, 0, 0.7)'; + backgroundColor = 'rgba(127, 0, 0, 0.9)'; break; case "livetv": icon = "fa-video-camera"; - backgroundColor = 'rgba(255, 233, 127, 0.7)'; + backgroundColor = 'rgba(217, 145, 67, 0.9)'; break; case "tvshows": icon = "fa-video-camera"; - backgroundColor = 'rgba(77, 88, 164, 0.7)'; + backgroundColor = 'rgba(77, 88, 164, 0.9)'; break; case "games": icon = "fa-gamepad"; - backgroundColor = 'rgba(183, 202, 72, 0.7)'; + backgroundColor = 'rgba(183, 202, 72, 0.9)'; break; case "trailers": icon = "fa-film"; - backgroundColor = 'rgba(176, 94, 81, 0.7)'; + backgroundColor = 'rgba(176, 94, 81, 0.9)'; break; case "homevideos": icon = "fa-video-camera"; - backgroundColor = 'rgba(110, 52, 32, 0.7)'; + backgroundColor = 'rgba(110, 52, 32, 0.9)'; break; case "musicvideos": icon = "fa-video-camera"; - backgroundColor = 'rgba(143, 54, 168, 0.7)'; + backgroundColor = 'rgba(143, 54, 168, 0.9)'; break; case "books": icon = "fa-book"; break; case "channels": icon = "fa-globe"; - backgroundColor = 'rgba(51, 136, 204, 0.7)'; + backgroundColor = 'rgba(51, 136, 204, 0.9)'; break; case "playlists": icon = "fa-list"; @@ -153,7 +153,7 @@ html += '