update components

This commit is contained in:
Luke Pulverenti 2016-06-10 02:54:03 -04:00
parent 59b4199fc0
commit 8144b83f54
44 changed files with 413 additions and 355 deletions

View file

@ -2,9 +2,10 @@
margin: 0 1em 0 0;
}
iron-icon.mediaInfoItem {
i.mediaInfoItem {
width: 3vh;
height: 3vh;
font-size: 3vh;
margin-right: .6em;
}
@ -21,10 +22,11 @@ iron-icon.mediaInfoItem {
padding-bottom: 0;
}
.starRatingContainer iron-icon {
.starRatingContainer i {
color: #CB272A;
width: 3vh;
height: 3vh;
font-size: 3vh;
}
.mediaInfoItem.criticRating {
@ -54,12 +56,14 @@ iron-icon.mediaInfoItem {
text-transform: uppercase;
}
.layout-tv iron-icon.mediaInfoItem {
.layout-tv i.mediaInfoItem {
width: 4vh;
height: 4vh;
font-size: 4vh;
}
.layout-tv .starRatingContainer iron-icon {
.layout-tv .starRatingContainer i {
width: 3.4vh;
height: 3.4vh;
font-size: 3.4vh;
}

View file

@ -1,4 +1,4 @@
define(['datetime', 'globalize', 'embyRouter', 'html!./../icons/mediainfo.html', 'css!./mediainfo.css'], function (datetime, globalize, embyRouter) {
define(['datetime', 'globalize', 'embyRouter', 'material-icons', 'css!./mediainfo.css'], function (datetime, globalize, embyRouter) {
function getProgramInfoHtml(item, options) {
var html = '';
@ -42,12 +42,12 @@ define(['datetime', 'globalize', 'embyRouter', 'html!./../icons/mediainfo.html',
if (item.SeriesTimerId) {
miscInfo.push({
html: '<iron-icon class="mediaInfoItem timerIcon" icon="mediainfo:fiber-smart-record"></iron-icon>'
html: '<i class="md-icon mediaInfoItem timerIcon">fiber-smart-record</i>'
});
}
else if (item.TimerId) {
miscInfo.push({
html: '<iron-icon class="mediaInfoItem timerIcon" icon="mediainfo:fiber-manual-record"></iron-icon>'
html: '<i class="md-icon mediaInfoItem timerIcon">fiber-manual-record</i>'
});
}
@ -244,7 +244,7 @@ define(['datetime', 'globalize', 'embyRouter', 'html!./../icons/mediainfo.html',
html += getStarIconsHtml(item);
if (item.HasSubtitles && options.subtitles !== false) {
html += '<iron-icon class="mediaInfoItem closedCaptionIcon" icon="mediainfo:closed-caption"></iron-icon>';
html += '<i class="md-icon mediaInfoItem closedCaptionIcon">closed_caption</i>';
}
if (item.CriticRating && options.criticRating !== false) {
@ -321,7 +321,7 @@ define(['datetime', 'globalize', 'embyRouter', 'html!./../icons/mediainfo.html',
if (rating) {
html += '<div class="starRatingContainer mediaInfoItem">';
html += '<iron-icon icon="mediainfo:star"></iron-icon>';
html += '<i class="md-icon">star</i>';
html += rating;
html += '</div>';
}