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

Improve Up Next dialog

Browse source
This commit is contained in:
MrTimscampi 2020-08-20 20:39:33 +02:00
parent 6d5ed18386
commit 3f59288158
4 changed files with 44 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/components/upnextdialog/upnextdialog.css
View file

@ -1,9 +1,24 @@
.upNextDialog {
width: 30vw;
.upNextContainer {
box-sizing: border-box;
position: fixed;
left: auto;
top: 0;
bottom: 0;
right: 0;
left: 50%;
transform: translateX(-50%);
padding: 1em;
display: flex;
flex-grow: 1;
width: calc(100vh * (16 / 9));
height: 100vh;
justify-content: end;
align-items: flex-end;
}
.upNextDialog-container {
border-radius: 5px;
width: 30em;
height: 11em;
left: auto;
padding: 1%;
display: flex;
flex-direction: column;

13
src/components/upnextdialog/upnextdialog.js
View file

@ -17,9 +17,7 @@ import 'flexStyles';
function getHtml() {
let html = '';
html += '<div class="upNextDialog-poster">';
html += '</div>';
html += '<div class="upNextDialog-container">';
html += '<div class="flex flex-direction-column flex-grow">';
html += '<h2 class="upNextDialog-nextVideoText" style="margin:.25em 0;">&nbsp;</h2>';
@ -29,8 +27,6 @@ import 'flexStyles';
html += '<div class="flex flex-direction-row upNextDialog-mediainfo">';
html += '</div>';
html += '<div class="upNextDialog-overview" style="margin-top:1em;"></div>';
html += '<div class="flex flex-direction-row upNextDialog-buttons" style="margin-top:1em;">';
html += '<button type="button" is="emby-button" class="raised raised-mini btnStartNow upNextDialog-button">';
@ -46,6 +42,7 @@ import 'flexStyles';
// main
html += '</div>';
html += '</div>';
return html;
}
@ -73,9 +70,11 @@ import 'flexStyles';
const elem = instance.options.parent;
elem.querySelector('.upNextDialog-overview').innerHTML = item.Overview || '';
elem.querySelector('.upNextDialog-mediainfo').innerHTML = mediaInfo.getPrimaryMediaInfoHtml(item, {
criticRating: false,
originalAirDate: false,
starRating: false,
subtitles: false
});
let title = itemHelper.getDisplayName(item);