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

added unidentified indicators

Browse source
This commit is contained in:
Luke Pulverenti 2014-02-28 23:12:56 -05:00
parent e7a8a5930b
commit 08921bdaaf
4 changed files with 30 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

22
dashboard-ui/css/librarybrowser.css
View file

@ -385,7 +385,7 @@ a.itemTag:hover {
background-size: cover; background-size: cover;
background-position: center 15%; background-position: center 15%;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 500px; height: 550px;
border-bottom: 1px solid #111; border-bottom: 1px solid #111;
position: relative; position: relative;
} }
@ -869,6 +869,26 @@ a.itemTag:hover {
background-color: transparent !important; background-color: transparent !important;
} }
.unidentifiedIndicator {
display: block;
position: absolute;
top: 5px;
left: 5px;
text-align: center;
vertical-align: middle;
width: 24px;
height: 19px;
padding-top: 3px;
border-radius: 50%;
color: #fff;
background: rgb(204, 0, 0);
background: rgba(204, 0, 0, .8);
}
.unidentifiedIndicator div:after {
background-color: transparent !important;
}
.itemProgress { .itemProgress {
vertical-align: top; vertical-align: top;
font-size: 19px; font-size: 19px;

15
dashboard-ui/css/notifications.css
View file

@ -183,18 +183,3 @@
max-width: 350px; max-width: 350px;
} }
} }
@media all and (min-width: 600px) {
.notificationsFlyout {
width: 500px;
}
.imgNotification, .imgNotificationInner {
width: 60px;
height: 60px;
}
.notificationContent p {
max-width: 400px;
}
}

4
dashboard-ui/scripts/librarybrowser.js
View file

@ -906,6 +906,10 @@
html += LibraryBrowser.getPlayedIndicatorHtml(item); html += LibraryBrowser.getPlayedIndicatorHtml(item);
} }
if (item.IsUnidentified) {
html += '<div class="unidentifiedIndicator"><div class="ui-icon-alert ui-btn-icon-notext"></div></div>';
}
if (!options.overlayText) { if (!options.overlayText) {
if (progressHtml) { if (progressHtml) {

8
dashboard-ui/scripts/notifications.js
View file

@ -131,16 +131,16 @@
html += '<div class="notificationContent">'; html += '<div class="notificationContent">';
html += '<p class="notificationName">' + notification.Name + '</p>'; html += '<p style="margin: .4em 0 .25em;" class="notificationName">' + notification.Name + '</p>';
html += '<p>' + humane_date(notification.Date) + '</p>'; html += '<p style="margin: .25em 0;">' + humane_date(notification.Date) + '</p>';
if (notification.Description) { if (notification.Description) {
html += '<p>' + notification.Description + '</p>'; html += '<p style="margin: .25em 0;">' + notification.Description + '</p>';
} }
if (notification.Url) { if (notification.Url) {
html += '<p><a href="' + notification.Url + '" target="_blank">More information</a></p>'; html += '<p style="margin: .25em 0;"><a href="' + notification.Url + '" target="_blank">More information</a></p>';
} }
html += '</div>'; html += '</div>';