mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
823f69bb92
commit
db0bac5a2b
22 changed files with 113 additions and 91 deletions
|
@ -67,19 +67,19 @@
|
|||
height: 2px;
|
||||
}
|
||||
|
||||
.sportsProgramInfo .programAccent {
|
||||
.sportsAccent {
|
||||
background-color: #0A7C33;
|
||||
}
|
||||
|
||||
.newsProgramInfo .programAccent {
|
||||
.newsAccent {
|
||||
background-color: #523378;
|
||||
}
|
||||
|
||||
.movieProgramInfo .programAccent {
|
||||
.movieAccent {
|
||||
background-color: #A43913;
|
||||
}
|
||||
|
||||
.childProgramInfo .programAccent {
|
||||
.childAccent {
|
||||
background-color: #0B487D;
|
||||
}
|
||||
|
||||
|
@ -245,7 +245,7 @@
|
|||
|
||||
@media all and (max-width: 1200px) {
|
||||
|
||||
.channelHeaderCell.withImage .guideChannelNumber {
|
||||
.guideChannelNumberWithImage {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
@ -367,7 +367,7 @@
|
|||
color: #bbb;
|
||||
}
|
||||
|
||||
.programCell i {
|
||||
.programIcon {
|
||||
margin-left: auto;
|
||||
margin-right: .5em;
|
||||
height: 3.5vh;
|
||||
|
@ -377,7 +377,7 @@
|
|||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.programCell i + i {
|
||||
.programIcon + .programIcon {
|
||||
margin-left: .25em;
|
||||
}
|
||||
|
||||
|
|
|
@ -341,18 +341,27 @@
|
|||
html += '</div>';
|
||||
|
||||
if (program.IsHD && options.showHdIcon) {
|
||||
html += '<i class="guideHdIcon md-icon">hd</i>';
|
||||
html += '<i class="guideHdIcon md-icon programIcon">hd</i>';
|
||||
}
|
||||
|
||||
if (program.SeriesTimerId) {
|
||||
html += '<i class="seriesTimerIcon md-icon">fiber_smart_record</i>';
|
||||
html += '<i class="seriesTimerIcon md-icon programIcon">fiber_smart_record</i>';
|
||||
}
|
||||
else if (program.TimerId) {
|
||||
html += '<i class="timerIcon md-icon">fiber_manual_record</i>';
|
||||
html += '<i class="timerIcon md-icon programIcon">fiber_manual_record</i>';
|
||||
}
|
||||
|
||||
if (addAccent) {
|
||||
html += '<div class="programAccent"></div>';
|
||||
|
||||
if (program.IsKids) {
|
||||
html += '<div class="programAccent childAccent"></div>';
|
||||
} else if (program.IsSports) {
|
||||
html += '<div class="programAccent sportsAccent"></div>';
|
||||
} else if (program.IsNews) {
|
||||
html += '<div class="programAccent newsAccent"></div>';
|
||||
} else if (program.IsMovie) {
|
||||
html += '<div class="programAccent movieAccent"></div>';
|
||||
}
|
||||
}
|
||||
|
||||
html += '</button>';
|
||||
|
@ -413,13 +422,15 @@
|
|||
}
|
||||
|
||||
var cssClass = 'channelHeaderCell clearButton itemAction lazy';
|
||||
if (hasChannelImage) {
|
||||
cssClass += ' withImage';
|
||||
}
|
||||
|
||||
html += '<button type="button" class="' + cssClass + '"' + dataSrc + ' data-action="link" data-isfolder="' + channel.IsFolder + '" data-id="' + channel.Id + '" data-serverid="' + channel.ServerId + '" data-type="' + channel.Type + '">';
|
||||
|
||||
html += '<div class="guideChannelNumber">' + channel.Number + '</div>';
|
||||
cssClass = 'guideChannelNumber';
|
||||
if (hasChannelImage) {
|
||||
cssClass += ' guideChannelNumberWithImage';
|
||||
}
|
||||
|
||||
html += '<div class="' + cssClass + '">' + channel.Number + '</div>';
|
||||
|
||||
if (!hasChannelImage) {
|
||||
html += '<div class="guideChannelName">' + channel.Name + '</div>';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue