1
0
Fork 0
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:
Luke Pulverenti 2014-05-29 10:19:12 -04:00
parent 81488383b6
commit a859e2b4be
8 changed files with 19 additions and 17 deletions

View file

@ -73,6 +73,7 @@
</div>
</fieldset>
<br />
<div class="sortOrderToggle">
<fieldset data-role="controlgroup">
<legend>

View file

@ -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 {

View file

@ -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) {

View file

@ -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;

View file

@ -27,7 +27,7 @@
html += LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "backdrop",
shape: "auto",
showTitle: true,
showParentTitle: true,
overlayText: screenWidth >= 600,

View file

@ -54,7 +54,7 @@
$('.recordingItems', elem).html(LibraryBrowser.getPosterViewHtml({
items: recordings,
shape: "backdrop",
shape: "auto",
showTitle: true,
showParentTitle: true,
overlayText: screenWidth >= 600,

View file

@ -124,7 +124,7 @@
$('.recordingsTab', page).html(LibraryBrowser.getPosterViewHtml({
items: result.Items,
shape: "smallBackdrop",
shape: "autosmall",
showTitle: true,
overlayText: screenWidth >= 600,
coverImage: true

View file

@ -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,