update components

This commit is contained in:
Luke Pulverenti 2016-08-02 01:55:52 -04:00
parent 6f21a963ea
commit 823f69bb92
68 changed files with 303 additions and 388 deletions

View file

@ -2,7 +2,7 @@
margin: 0 1em 0 0;
}
i.mediaInfoItem {
.mediaInfoIconItem {
width: auto;
height: auto;
font-size: 1.6em;
@ -22,14 +22,14 @@ i.mediaInfoItem {
padding-bottom: 0;
}
.starRatingContainer i {
color: #CB272A;
width: auto !important;
height: auto !important;
font-size: 1.4em;
}
.starIcon {
color: #CB272A;
width: auto !important;
height: auto !important;
font-size: 1.4em;
}
.mediaInfoItem.criticRating {
.mediaInfoCriticRating {
padding-left: 1.5em;
background-position: left center;
background-repeat: no-repeat;
@ -39,15 +39,15 @@ i.mediaInfoItem {
align-items: center;
}
.mediaInfoItem.criticRatingFresh {
.mediaInfoCriticRatingFresh {
background-image: url(fresh.png);
}
.mediaInfoItem.criticRatingRotten {
.mediaInfoCriticRatingRotten {
background-image: url(rotten.png);
}
.mediaInfoItem.timerIcon {
.mediaInfoTimerIcon {
color: #CB272A;
}

View file

@ -42,12 +42,12 @@ define(['datetime', 'globalize', 'embyRouter', 'material-icons', 'css!./mediainf
if (item.SeriesTimerId) {
miscInfo.push({
html: '<i class="md-icon mediaInfoItem timerIcon">&#xE062;</i>'
html: '<i class="md-icon mediaInfoItem mediaInfoTimerIcon mediaInfoIconItem">&#xE062;</i>'
});
}
else if (item.TimerId) {
miscInfo.push({
html: '<i class="md-icon mediaInfoItem timerIcon">&#xE061;</i>'
html: '<i class="md-icon mediaInfoItem mediaInfoTimerIcon mediaInfoIconItem">&#xE061;</i>'
});
}
@ -248,15 +248,15 @@ define(['datetime', 'globalize', 'embyRouter', 'material-icons', 'css!./mediainf
html += getStarIconsHtml(item);
if (item.HasSubtitles && options.subtitles !== false) {
html += '<i class="md-icon mediaInfoItem closedCaptionIcon">&#xE01C;</i>';
html += '<i class="md-icon mediaInfoItem closedCaptionIcon mediaInfoIconItem">&#xE01C;</i>';
}
if (item.CriticRating && options.criticRating !== false) {
if (item.CriticRating >= 60) {
html += '<div class="mediaInfoItem criticRating criticRatingFresh">' + item.CriticRating + '</div>';
html += '<div class="mediaInfoItem mediaInfoCriticRating mediaInfoCriticRatingFresh">' + item.CriticRating + '</div>';
} else {
html += '<div class="mediaInfoItem criticRating criticRatingRotten">' + item.CriticRating + '</div>';
html += '<div class="mediaInfoItem mediaInfoCriticRating mediaInfoCriticRatingRotten">' + item.CriticRating + '</div>';
}
}
@ -325,7 +325,7 @@ define(['datetime', 'globalize', 'embyRouter', 'material-icons', 'css!./mediainf
if (rating) {
html += '<div class="starRatingContainer mediaInfoItem">';
html += '<i class="md-icon">&#xE838;</i>';
html += '<i class="md-icon starIcon">&#xE838;</i>';
html += rating;
html += '</div>';
}