mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update live tv styles
This commit is contained in:
parent
81488383b6
commit
a859e2b4be
8 changed files with 19 additions and 17 deletions
|
@ -73,6 +73,7 @@
|
|||
</div>
|
||||
|
||||
</fieldset>
|
||||
<br />
|
||||
<div class="sortOrderToggle">
|
||||
<fieldset data-role="controlgroup">
|
||||
<legend>
|
||||
|
|
|
@ -136,8 +136,8 @@
|
|||
height: 34px;
|
||||
background-position: 12px center;
|
||||
background-size: 20px 20px;
|
||||
background-color: rgba(51, 136, 204, 0.5);
|
||||
background-color: rgba(82, 181, 75, 0.5);
|
||||
background-color: rgba(51, 136, 204, 0.7);
|
||||
background-color: rgba(82, 181, 75, 0.7);
|
||||
}
|
||||
|
||||
.myLibraryPosterItem .posterItemDefaultText {
|
||||
|
@ -149,27 +149,27 @@
|
|||
}
|
||||
|
||||
.moviesPosterItem .posterItemImage {
|
||||
background-color: rgba(176, 94, 81, 0.5);
|
||||
background-color: rgba(176, 94, 81, 0.7);
|
||||
}
|
||||
|
||||
.musicPosterItem .posterItemImage {
|
||||
background-color: rgba(217, 145, 67, 0.5);
|
||||
background-color: rgba(217, 145, 67, 0.7);
|
||||
}
|
||||
|
||||
.tvshowsPosterItem .posterItemImage {
|
||||
background-color: rgba(77, 88, 164, 0.5);
|
||||
background-color: rgba(77, 88, 164, 0.7);
|
||||
}
|
||||
|
||||
.gamesPosterItem .posterItemImage {
|
||||
background-color: rgba(183, 202, 72, 0.5);
|
||||
background-color: rgba(183, 202, 72, 0.7);
|
||||
}
|
||||
|
||||
.channelsPosterItem .posterItemImage {
|
||||
background-color: rgba(51, 136, 204, 0.5);
|
||||
background-color: rgba(51, 136, 204, 0.7);
|
||||
}
|
||||
|
||||
.livetvPosterItem .posterItemImage {
|
||||
background-color: rgba(255, 233, 127, 0.5);
|
||||
background-color: rgba(255, 233, 127, 0.7);
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
|
|
|
@ -869,7 +869,8 @@
|
|||
}
|
||||
};
|
||||
|
||||
$(document).on('pageshow', "#dashboardPage", DashboardPage.onPageShow).on('pagehide', "#dashboardPage", DashboardPage.onPageHide);
|
||||
$(document).on('pagebeforeshow', "#dashboardPage", DashboardPage.onPageShow)
|
||||
.on('pagehide', "#dashboardPage", DashboardPage.onPageHide);
|
||||
|
||||
(function ($, document, window) {
|
||||
|
||||
|
|
|
@ -472,12 +472,12 @@
|
|||
|
||||
var primaryImageAspectRatio;
|
||||
|
||||
if (options.shape == 'auto') {
|
||||
if (options.shape == 'auto' || options.shape == 'autosmall') {
|
||||
|
||||
primaryImageAspectRatio = options.shape == 'auto' ? LibraryBrowser.getAveragePrimaryImageAspectRatio(items) : null;
|
||||
primaryImageAspectRatio = LibraryBrowser.getAveragePrimaryImageAspectRatio(items);
|
||||
|
||||
if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1.777777778) < .3) {
|
||||
options.shape = 'backdrop';
|
||||
options.shape = options.shape == 'auto' ? 'backdrop' : 'smallBackdrop';
|
||||
}
|
||||
else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33) {
|
||||
options.coverImage = true;
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
html += LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: result.Items,
|
||||
shape: "backdrop",
|
||||
shape: "auto",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: screenWidth >= 600,
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
$('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: recordings,
|
||||
shape: "backdrop",
|
||||
shape: "auto",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: screenWidth >= 600,
|
||||
|
|
|
@ -124,7 +124,7 @@
|
|||
$('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: result.Items,
|
||||
shape: "smallBackdrop",
|
||||
shape: "autosmall",
|
||||
showTitle: true,
|
||||
overlayText: screenWidth >= 600,
|
||||
coverImage: true
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
var html = LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: result.Items,
|
||||
shape: "square",
|
||||
shape: "auto",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: screenWidth >= 600,
|
||||
|
@ -39,7 +39,7 @@
|
|||
var html = LibraryBrowser.getPosterViewHtml({
|
||||
|
||||
items: result.Items,
|
||||
shape: "square",
|
||||
shape: "auto",
|
||||
showTitle: true,
|
||||
showParentTitle: true,
|
||||
overlayText: screenWidth >= 600,
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue