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>
|
</div>
|
||||||
|
|
||||||
</fieldset>
|
</fieldset>
|
||||||
|
<br />
|
||||||
<div class="sortOrderToggle">
|
<div class="sortOrderToggle">
|
||||||
<fieldset data-role="controlgroup">
|
<fieldset data-role="controlgroup">
|
||||||
<legend>
|
<legend>
|
||||||
|
|
|
@ -136,8 +136,8 @@
|
||||||
height: 34px;
|
height: 34px;
|
||||||
background-position: 12px center;
|
background-position: 12px center;
|
||||||
background-size: 20px 20px;
|
background-size: 20px 20px;
|
||||||
background-color: rgba(51, 136, 204, 0.5);
|
background-color: rgba(51, 136, 204, 0.7);
|
||||||
background-color: rgba(82, 181, 75, 0.5);
|
background-color: rgba(82, 181, 75, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.myLibraryPosterItem .posterItemDefaultText {
|
.myLibraryPosterItem .posterItemDefaultText {
|
||||||
|
@ -149,27 +149,27 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.moviesPosterItem .posterItemImage {
|
.moviesPosterItem .posterItemImage {
|
||||||
background-color: rgba(176, 94, 81, 0.5);
|
background-color: rgba(176, 94, 81, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.musicPosterItem .posterItemImage {
|
.musicPosterItem .posterItemImage {
|
||||||
background-color: rgba(217, 145, 67, 0.5);
|
background-color: rgba(217, 145, 67, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tvshowsPosterItem .posterItemImage {
|
.tvshowsPosterItem .posterItemImage {
|
||||||
background-color: rgba(77, 88, 164, 0.5);
|
background-color: rgba(77, 88, 164, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.gamesPosterItem .posterItemImage {
|
.gamesPosterItem .posterItemImage {
|
||||||
background-color: rgba(183, 202, 72, 0.5);
|
background-color: rgba(183, 202, 72, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelsPosterItem .posterItemImage {
|
.channelsPosterItem .posterItemImage {
|
||||||
background-color: rgba(51, 136, 204, 0.5);
|
background-color: rgba(51, 136, 204, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.livetvPosterItem .posterItemImage {
|
.livetvPosterItem .posterItemImage {
|
||||||
background-color: rgba(255, 233, 127, 0.5);
|
background-color: rgba(255, 233, 127, 0.7);
|
||||||
}
|
}
|
||||||
|
|
||||||
.backdropPosterItem {
|
.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) {
|
(function ($, document, window) {
|
||||||
|
|
||||||
|
|
|
@ -472,12 +472,12 @@
|
||||||
|
|
||||||
var primaryImageAspectRatio;
|
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) {
|
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) {
|
else if (primaryImageAspectRatio && Math.abs(primaryImageAspectRatio - 1) < .33) {
|
||||||
options.coverImage = true;
|
options.coverImage = true;
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
html += LibraryBrowser.getPosterViewHtml({
|
html += LibraryBrowser.getPosterViewHtml({
|
||||||
|
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
shape: "backdrop",
|
shape: "auto",
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
showParentTitle: true,
|
showParentTitle: true,
|
||||||
overlayText: screenWidth >= 600,
|
overlayText: screenWidth >= 600,
|
||||||
|
|
|
@ -54,7 +54,7 @@
|
||||||
$('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
|
$('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
|
||||||
|
|
||||||
items: recordings,
|
items: recordings,
|
||||||
shape: "backdrop",
|
shape: "auto",
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
showParentTitle: true,
|
showParentTitle: true,
|
||||||
overlayText: screenWidth >= 600,
|
overlayText: screenWidth >= 600,
|
||||||
|
|
|
@ -124,7 +124,7 @@
|
||||||
$('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
|
$('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
|
||||||
|
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
shape: "smallBackdrop",
|
shape: "autosmall",
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
overlayText: screenWidth >= 600,
|
overlayText: screenWidth >= 600,
|
||||||
coverImage: true
|
coverImage: true
|
||||||
|
|
|
@ -16,7 +16,7 @@
|
||||||
var html = LibraryBrowser.getPosterViewHtml({
|
var html = LibraryBrowser.getPosterViewHtml({
|
||||||
|
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
shape: "square",
|
shape: "auto",
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
showParentTitle: true,
|
showParentTitle: true,
|
||||||
overlayText: screenWidth >= 600,
|
overlayText: screenWidth >= 600,
|
||||||
|
@ -39,7 +39,7 @@
|
||||||
var html = LibraryBrowser.getPosterViewHtml({
|
var html = LibraryBrowser.getPosterViewHtml({
|
||||||
|
|
||||||
items: result.Items,
|
items: result.Items,
|
||||||
shape: "square",
|
shape: "auto",
|
||||||
showTitle: true,
|
showTitle: true,
|
||||||
showParentTitle: true,
|
showParentTitle: true,
|
||||||
overlayText: screenWidth >= 600,
|
overlayText: screenWidth >= 600,
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue