1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update dialogs

This commit is contained in:
Luke Pulverenti 2016-09-07 13:17:26 -04:00
parent 4ffca7a9df
commit ab738fae14
21 changed files with 95 additions and 70 deletions

View file

@ -7,12 +7,24 @@
<div class="formDialogContent smoothScrollY">
<form class="dialogContentInner dialog-content-centered" style="padding-top:2em;">
<h3>${ShowIndicatorsFor}</h3>
<div class="checkboxContainer">
<h3 class="checkboxListLabel">${ShowIndicatorsFor}</h3>
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="hd" />
<span>${HDPrograms}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="live" />
<span>${LiveBroadcasts}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="new" />
<span>${NewEpisodes}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="premiere" />
<span>${Premieres}</span>
</label>
</div>
</form>
</div>

View file

@ -50,7 +50,7 @@
margin-right: .5em;
color: #fff;
font-size: 82%;
padding: .25em;
padding: .2em .25em;
display: inline-flex;
align-items: center;
justify-content: center;
@ -250,11 +250,7 @@
@media all and (min-width: 1600px) {
.guideDateText {
display: flex;
}
.guideDateTextDate {
margin-left: .25em;
font-size: 92%;
}
}
@ -377,9 +373,9 @@
.programIcon {
margin-left: auto;
margin-right: .5em;
height: 3.5vh;
width: 3.5vh;
font-size: 3.5vh;
height: auto;
width: auto;
font-size: 1.6em;
color: #ddd;
flex-shrink: 0;
}

View file

@ -425,13 +425,13 @@
// Normally we'd want to just let responsive css handle this,
// but since mobile browsers are often underpowered,
// it can help performance to get them out of the markup
var showIndicators = true;
var allowIndicators = dom.getWindowSize().innerWidth >= 600;
var options = {
showHdIcon: showIndicators,
showLiveIndicator: showIndicators,
showPremiereIndicator: showIndicators,
showNewIndicator: userSettings.get('guide-indicator-new') == 'true'
showHdIcon: allowIndicators && userSettings.get('guide-indicator-hd') == 'true',
showLiveIndicator: allowIndicators && userSettings.get('guide-indicator-live') == 'true',
showPremiereIndicator: allowIndicators && userSettings.get('guide-indicator-premiere') == 'true',
showNewIndicator: allowIndicators && userSettings.get('guide-indicator-new') == 'true'
};
for (var i = 0, length = channels.length; i < length; i++) {