New: Show number of episodes on season status badge

pull/2/head
Mark McDowall 10 years ago
parent 5ca00ef694
commit ebe7b21a8c

@ -95,12 +95,6 @@ td.episode-status-cell, td.quality-cell, td.history-quality-cell, td.progress-ce
font-size: 10px; font-size: 10px;
} }
.badge-inverse {
background-color: #eee;
border: 1px solid @badge-bg;
color: @badge-bg;
}
.progress { .progress {
height : 10px; height : 10px;
margin-top : 5px; margin-top : 5px;

@ -0,0 +1,37 @@
@import "../Content/Bootstrap/variables";
.badge-inverse {
background-color: #eee;
border: 1px solid @badge-bg;
color: @badge-bg;
}
.badge-primary {
.badge-variant(@label-primary-bg);
}
.badge-success {
.badge-variant(@label-success-bg);
}
.badge-info {
.badge-variant(@label-info-bg);
}
.badge-warning {
.badge-variant(@label-warning-bg);
}
.badge-danger {
.badge-variant(@label-danger-bg);
}
.badge-variant(@color) {
background-color: @color;
&[href] {
&:hover,
&:focus {
background-color: darken(@color, 10%);
}
}
}

@ -18,6 +18,7 @@
@import "utilities"; @import "utilities";
@import "../Hotkeys/hotkeys"; @import "../Hotkeys/hotkeys";
@import "../Shared/FileBrowser/filebrowser"; @import "../Shared/FileBrowser/filebrowser";
@import "badges";
.main-region { .main-region {
@media (min-width : @screen-lg-min) { @media (min-width : @screen-lg-min) {

@ -8,17 +8,18 @@
Specials Specials
{{/if}} {{/if}}
{{#if_eq episodeCount compare=0}} {{#if_eq episodeCount compare=0}}
{{#if monitored}} {{#if monitored}}
<i class="icon-nd-status season-status status-primary" title="No aired episodes"/> <span class="badge badge-primary season-status" title="No aired episodes">&nbsp;</span>
{{else}} {{else}}
<i class="icon-nd-status season-status status-warning" title="Season is not monitored"/> <span class="badge badge-warning season-status" title="Season is not monitored">&nbsp;</span>
{{/if}} {{/if}}
{{else}} {{else}}
{{#if_eq percentOfEpisodes compare=100}} {{#if_eq percentOfEpisodes compare=100}}
<i class="icon-nd-status season-status status-success" title="{{episodeFileCount}}/{{episodeCount}} episodes downloaded"/> <span class="badge badge-success season-status" title="{{episodeFileCount}}/{{episodeCount}} episodes downloaded">{{episodeFileCount}} / {{episodeCount}}</span>
{{else}} {{else}}
<i class="icon-nd-status season-status status-danger" title="{{episodeFileCount}}/{{episodeCount}} episodes downloaded"/> <span class="badge badge-danger season-status" title="{{episodeFileCount}}/{{episodeCount}} episodes downloaded">{{episodeFileCount}} / {{episodeCount}}</span>
{{/if_eq}} {{/if_eq}}
{{/if_eq}} {{/if_eq}}

@ -372,7 +372,7 @@
} }
.season-status { .season-status {
font-size : 16px; font-size : 11px;
vertical-align : middle !important; vertical-align : middle !important;
} }

Loading…
Cancel
Save