mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
library browser style fixes
This commit is contained in:
parent
44af31404e
commit
9506f259e7
4 changed files with 30 additions and 29 deletions
|
@ -463,6 +463,7 @@ a.itemTag:hover {
|
||||||
top: -230px;
|
top: -230px;
|
||||||
margin: 0 auto 0 -20px;
|
margin: 0 auto 0 -20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -110,6 +110,7 @@
|
||||||
|
|
||||||
.tileName + .tileName {
|
.tileName + .tileName {
|
||||||
margin-top: .75em;
|
margin-top: .75em;
|
||||||
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tileItem .userDataIcons img {
|
.tileItem .userDataIcons img {
|
||||||
|
@ -133,19 +134,23 @@
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.posterTileItem .tileImage {
|
.posterTileItem .tileImage {
|
||||||
height: 120px;
|
height: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.squareTileItem .tileImage {
|
.squareTileItem .tileImage {
|
||||||
height: 115px;
|
height: 115px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.smallPosterTileItem {
|
.smallPosterTileItem {
|
||||||
width: 210px;
|
width: 210px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 3px;
|
margin: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.smallBackdropTileItem {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 750px) {
|
@media all and (min-width: 750px) {
|
||||||
|
|
|
@ -143,7 +143,7 @@
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div class="detailPageContent">
|
<div class="detailPageContent">
|
||||||
|
|
||||||
<div id="detailsSection" class="detailSection inlineDetailSection hide">
|
<div id="detailsSection" class="detailSection hide">
|
||||||
<div class="detailSectionHeader" style="margin-top: 0;">
|
<div class="detailSectionHeader" style="margin-top: 0;">
|
||||||
Details
|
Details
|
||||||
</div>
|
</div>
|
||||||
|
@ -162,22 +162,22 @@
|
||||||
<p class="itemPath"></p>
|
<p class="itemPath"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="childrenCollapsible" class="hide detailSection inlineDetailSection">
|
<div id="trailersCollapsible" class="detailSection hide">
|
||||||
<div class="detailSectionHeader"><span id="childrenTitle"></span></div>
|
|
||||||
<div id="childrenContent" class="detailSectionContent"></div>
|
|
||||||
</div>
|
|
||||||
<div id="additionalPartsCollapsible" class="detailSection inlineDetailSection hide">
|
|
||||||
<div class="detailSectionHeader">
|
|
||||||
Additional Parts
|
|
||||||
</div>
|
|
||||||
<div id="additionalPartsContent" class="detailSectionContent"></div>
|
|
||||||
</div>
|
|
||||||
<div id="trailersCollapsible" class="detailSection inlineDetailSection hide">
|
|
||||||
<div id="trailerSectionHeader" class="detailSectionHeader">
|
<div id="trailerSectionHeader" class="detailSectionHeader">
|
||||||
Trailers
|
Trailers
|
||||||
</div>
|
</div>
|
||||||
<div id="trailersContent" class="detailSectionContent"></div>
|
<div id="trailersContent" class="detailSectionContent"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="childrenCollapsible" class="hide detailSection">
|
||||||
|
<div class="detailSectionHeader"><span id="childrenTitle"></span></div>
|
||||||
|
<div id="childrenContent" class="detailSectionContent"></div>
|
||||||
|
</div>
|
||||||
|
<div id="additionalPartsCollapsible" class="detailSection hide">
|
||||||
|
<div class="detailSectionHeader">
|
||||||
|
Additional Parts
|
||||||
|
</div>
|
||||||
|
<div id="additionalPartsContent" class="detailSectionContent"></div>
|
||||||
|
</div>
|
||||||
<div id="castCollapsible" style="display: none;" class="detailSection">
|
<div id="castCollapsible" style="display: none;" class="detailSection">
|
||||||
<div class="detailSectionHeader">
|
<div class="detailSectionHeader">
|
||||||
Cast & Crew
|
Cast & Crew
|
||||||
|
|
|
@ -727,15 +727,14 @@
|
||||||
|
|
||||||
var attributes = [];
|
var attributes = [];
|
||||||
|
|
||||||
if (stream.Codec) {
|
if (stream.Codec && stream.Codec != "dca") {
|
||||||
attributes.push('<span class="mediaInfoAttribute">' + stream.Codec + '</span>');
|
attributes.push('<span class="mediaInfoAttribute">' + stream.Codec + '</span>');
|
||||||
}
|
}
|
||||||
if (stream.Profile) {
|
|
||||||
|
if (stream.Profile && stream.Codec == "dca") {
|
||||||
attributes.push('<span class="mediaInfoAttribute">' + stream.Profile + '</span>');
|
attributes.push('<span class="mediaInfoAttribute">' + stream.Profile + '</span>');
|
||||||
}
|
}
|
||||||
if (stream.Level) {
|
|
||||||
attributes.push('<span class="mediaInfoAttribute">Level ' + stream.Level + '</span>');
|
|
||||||
}
|
|
||||||
if (stream.Language) {
|
if (stream.Language) {
|
||||||
attributes.push('<span class="mediaInfoAttribute">' + stream.Language + '</span>');
|
attributes.push('<span class="mediaInfoAttribute">' + stream.Language + '</span>');
|
||||||
}
|
}
|
||||||
|
@ -770,10 +769,6 @@
|
||||||
attributes.push('<span class="mediaInfoAttribute">' + framerate + '</span>');
|
attributes.push('<span class="mediaInfoAttribute">' + framerate + '</span>');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (stream.PixelFormat) {
|
|
||||||
attributes.push('<span class="mediaInfoAttribute">' + stream.PixelFormat + '</span>');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (stream.IsDefault) {
|
if (stream.IsDefault) {
|
||||||
attributes.push('<span class="mediaInfoAttribute">Default</span>');
|
attributes.push('<span class="mediaInfoAttribute">Default</span>');
|
||||||
}
|
}
|
||||||
|
@ -866,7 +861,7 @@
|
||||||
} else {
|
} else {
|
||||||
$('#trailerSectionHeader', page).html('Trailers');
|
$('#trailerSectionHeader', page).html('Trailers');
|
||||||
}
|
}
|
||||||
|
|
||||||
var remoteTrailersHtml = '';
|
var remoteTrailersHtml = '';
|
||||||
|
|
||||||
for (var i = 0, length = item.RemoteTrailers.length; i < length; i++) {
|
for (var i = 0, length = item.RemoteTrailers.length; i < length; i++) {
|
||||||
|
@ -876,7 +871,7 @@
|
||||||
var id = getParameterByName('v', trailer.Url);
|
var id = getParameterByName('v', trailer.Url);
|
||||||
|
|
||||||
if (id) {
|
if (id) {
|
||||||
remoteTrailersHtml += '<iframe class="posterItem smallBackdropPosterItem" style="margin:0 3px;position:relative;top:9px;width:auto;" src="//www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>';
|
remoteTrailersHtml += '<iframe class="posterItem smallBackdropPosterItem" style="margin:0 3px;width:auto;" src="//www.youtube.com/embed/' + id + '" frameborder="0" allowfullscreen></iframe>';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue