diff --git a/dashboard-ui/about.html b/dashboard-ui/about.html index 836b90c2db..391d598d07 100644 --- a/dashboard-ui/about.html +++ b/dashboard-ui/about.html @@ -4,7 +4,7 @@ ${TitleSupport} -
+
diff --git a/dashboard-ui/addplugin.html b/dashboard-ui/addplugin.html index 213de1d3e6..e504861568 100644 --- a/dashboard-ui/addplugin.html +++ b/dashboard-ui/addplugin.html @@ -4,7 +4,7 @@ ${TitlePlugins} -
+
@@ -55,6 +55,7 @@ - +
diff --git a/dashboard-ui/channels.html b/dashboard-ui/channels.html index 53b2d6cae4..767ee588df 100644 --- a/dashboard-ui/channels.html +++ b/dashboard-ui/channels.html @@ -4,7 +4,7 @@ Emby -
+
${TabLatest} diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css index 7c991b2ead..c81b2e4254 100644 --- a/dashboard-ui/css/card.css +++ b/dashboard-ui/css/card.css @@ -89,19 +89,11 @@ position: relative; } -.backdropCard .cardPadder { +.backdropCard .cardPadder, .smallBackdropCard .cardPadder, .overflowBackdropCard .cardPadder { padding-bottom: 56.25%; } -.smallBackdropCard .cardPadder { - padding-bottom: 56.25%; -} - -.squareCard .cardPadder { - padding-bottom: 100%; -} - -.smallSquareCard .cardPadder { +.squareCard .cardPadder, .overflowSquareCard .cardPadder { padding-bottom: 100%; } @@ -109,11 +101,7 @@ padding-bottom: 75%; } -.portraitCard .cardPadder { - padding-bottom: 150%; -} - -.smallPortraitCard .cardPadder { +.portraitCard .cardPadder, .overflowPortraitCard .cardPadder { padding-bottom: 150%; } @@ -277,10 +265,6 @@ width: 50%; } -.smallSquareCard { - width: 33.3334%; -} - .backdropCard { width: 50%; } @@ -293,8 +277,12 @@ width: 33.3%; } -.smallPortraitCard { - width: 33.334%; +.overflowPortraitCard { + width: 40%; +} + +.overflowBackdropCard { + width: 70%; } .cardProgress { @@ -307,6 +295,10 @@ opacity: .8; } +.overflowSquareCard { + width: 42%; +} + @media all and (max-width: 1200px) { .portraitCard .cardOverlayInner { @@ -331,16 +323,20 @@ @media all and (min-width: 640px) { - .smallSquareCard { - width: 25%; - } - .portraitCard { width: 25%; } - .smallPortraitCard { - width: 25%; + .overflowPortraitCard { + width: 36%; + } + + .overflowBackdropCard { + width: 60%; + } + + .overflowSquareCard { + width: 30%; } } @@ -364,17 +360,9 @@ width: 20%; } - .smallSquareCard { - width: 20%; - } - .smallBackdropCard { width: 25%; } - - .smallPortraitCard { - width: 20%; - } } @@ -388,8 +376,16 @@ width: 20%; } - .smallPortraitCard { - width: 16.666666666666666666666666666667%; + .overflowPortraitCard { + width: 23%; + } + + .overflowBackdropCard { + width: 40%; + } + + .overflowSquareCard { + width: 22%; } } @@ -415,14 +411,6 @@ .smallBackdropCard { width: 16.666666666666666666666666666667%; } - - .smallSquareCard { - width: 16.666666666666666666666666666667%; - } - - .smallPortraitCard { - width: 14.285714285714285714285714285714%; - } } @@ -439,10 +427,6 @@ .smallBackdropCard { width: 14.285714285714285714285714285714%; } - - .smallPortraitCard { - width: 12.5%; - } } diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 265126087c..a93a84f3d7 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -208,7 +208,6 @@ display: inline-block; background-size: cover; vertical-align: top; - cursor: pointer; } .starRating { @@ -1474,10 +1473,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons { display: none !important; } -.homeFavoritesTabDisabled .homeFavoritesTab { - display: none !important; -} - .detailsMenu { width: 280px; } diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 98a02339bb..8d97459bea 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -166,6 +166,37 @@ h1 a:hover { margin: -10px 0 0 -10px; } +.hiddenScrollX { + overflow-x: scroll; + -webkit-overflow-scrolling: touch; + overflow-y: hidden; + white-space: nowrap; +} + +.touch .hiddenScrollX { + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; +} + + .touch .hiddenScrollX::-webkit-scrollbar { + height: 0 !important; + display: none; + } + + +.hiddenScrollY { + overflow-y: scroll; + -ms-overflow-style: none; + overflow: -moz-scrollbars-none; + -webkit-overflow-scrolling: touch; + overflow-x: hidden; +} + +.hiddenScrollY::-webkit-scrollbar { + width: 0 !important; + display: none; +} + /** * Note: I have omitted any vendor-prefixes for clarity. * Adding them is left as an exercise for the reader. diff --git a/dashboard-ui/moviesrecommended.html b/dashboard-ui/moviesrecommended.html index bea7941a78..1bbdf1360f 100644 --- a/dashboard-ui/moviesrecommended.html +++ b/dashboard-ui/moviesrecommended.html @@ -18,7 +18,7 @@
-