mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

sync version

Browse source
This commit is contained in:
Luke Pulverenti 2015-11-24 01:23:06 -05:00
parent a354e26a71
commit 9f3a4710e3
2 changed files with 23 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

12
dashboard-ui/components/tvguide/tvguide.js
View file

@ -305,28 +305,28 @@
html += '<div class="channelHeaderCellContainer">';
html += '<div class="channelHeaderCell">';
html += '<a class="channelHeaderCellInner" href="itemdetails.html?id=' + channel.Id + '">';
html += '<a class="channelHeaderCell" href="itemdetails.html?id=' + channel.Id + '">';
var hasChannelImage = channel.ImageTags.Primary;
var cssClass = hasChannelImage ? 'guideChannelInfo guideChannelInfoWithImage' : 'guideChannelInfo';
html += '<div class="' + cssClass + '">' + channel.Name + '<br/>' + channel.Number + '</div>';
html += '<div class="' + cssClass + '">' + channel.Number + '</div>';
if (hasChannelImage) {
var url = ApiClient.getScaledImageUrl(channel.Id, {
maxHeight: 40,
maxWidth: 60,
maxHeight: 44,
maxWidth: 70,
tag: channel.ImageTags.Primary,
type: "Primary"
});
html += '<div class="guideChannelImage lazy" data-src="' + url + '"></div>';
} else {
html += '<div class="guideChannelName">' + channel.Name + '</div>';
}
html += '</a>';
html += '</div>';
html += '</div>';
}

29
dashboard-ui/css/livetv.css
View file

@ -232,13 +232,15 @@
height: 42px;
}
.channelHeaderCellInner {
padding: .35em .5em .5em;
display: block;
.channelHeaderCell {
padding: 0;
text-decoration: none;
font-weight: 400 !important;
color: #fff !important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.pointerInput .channelHeaderCell:hover {
@ -307,17 +309,24 @@
max-width: 110px;
overflow: hidden;
white-space: nowrap;
margin-left: .5em;
margin-right: auto;
}
.guideChannelImage {
width: 60px;
height: 40px;
position: absolute;
right: 7px;
top: 7px;
width: 70px;
height: 44px;
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
margin-right: .5em;
}
.guideChannelName {
margin-right: .5em;
max-width: 50%;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1920px) {
@ -369,10 +378,6 @@
padding-top: .8em;
}
.channelHeaderCellInner {
padding-top: .6em;
}
.channelTimeslotHeader a {
padding-left: 0 !important;
}