mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-08-14 02:26:58 -07:00
Colour active filter buttons
This commit is contained in:
parent
bd9fe54fd7
commit
84a14c0f25
7 changed files with 36 additions and 29 deletions
|
@ -680,6 +680,13 @@ textarea.form-control:focus {
|
|||
.btn-form:focus {
|
||||
color: #eee;
|
||||
}
|
||||
.btn-filter.active,
|
||||
.btn-filter.active.focus {
|
||||
background-color: #b7800a !important;
|
||||
}
|
||||
.btn-filter.active:hover {
|
||||
background-color: #896007 !important;
|
||||
}
|
||||
.form-control-feedback {
|
||||
color: #E5A00D;
|
||||
margin: 5px 40px 5px 0;
|
||||
|
|
|
@ -21,10 +21,10 @@
|
|||
</label>
|
||||
</div>
|
||||
<div class="btn-group" style="margin-right: 2px;" data-toggle="buttons" id="yaxis-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="radio" name="yaxis-options" id="yaxis-plays" value="plays" autocomplete="off"> Play Count
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="radio" name="yaxis-options" id="yaxis-duration" value="duration" autocomplete="off"> Play Duration
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -39,27 +39,27 @@
|
|||
</div>
|
||||
% endif
|
||||
<div class="btn-group" data-toggle="buttons" id="media_type-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-movie" value="movie" autocomplete="off"><i class="fa fa-film"></i> Movies
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-episode" value="episode" autocomplete="off"><i class="fa fa-television"></i> TV Shows
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-track" value="track" autocomplete="off"><i class="fa fa-music"></i> Music
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-live" value="live" autocomplete="off"><i class="fa fa-broadcast-tower"></i> Live TV
|
||||
</label>
|
||||
</div>
|
||||
<div class="btn-group" data-toggle="buttons" id="transcode_decision-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_play" value="direct play" autocomplete="off"><i class="fa fa-play-circle"></i> Direct Play
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-copy" value="copy" autocomplete="off"><i class="fa fa-stream"></i> Direct Stream
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-transcode" value="transcode" autocomplete="off"><i class="fa fa-server"></i> Transcode
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -42,10 +42,10 @@
|
|||
<h3 class="pull-left">Watch Statistics</h3>
|
||||
<div class="button-bar">
|
||||
<div class="btn-group pull-left" data-toggle="buttons" id="watch-stats-toggles" style="margin-right: 3px">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="radio" class="watched-stats-toggle" name="watched-stats-type" id="watched-stats-plays" value="plays" autocomplete="off"> Play Count
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="radio" class="watched-stats-toggle" name="watched-stats-type" id="watched-stats-duration" value="duration" autocomplete="off"> Play Duration
|
||||
</label>
|
||||
</div>
|
||||
|
@ -100,19 +100,19 @@
|
|||
</ul>
|
||||
<div class="button-bar">
|
||||
<div class="btn-group pull-left" data-toggle="buttons" id="recently-added-toggles" style="margin-right: 3px">
|
||||
<label class="btn btn-dark" id="recently-added-label-all">
|
||||
<label class="btn btn-dark btn-filter" id="recently-added-label-all">
|
||||
<input type="radio" name="recently-added-toggle" id="recently-added-toggle-all" value="all" autocomplete="off"> All
|
||||
</label>
|
||||
<label class="btn btn-dark" id="recently-added-label-movies">
|
||||
<label class="btn btn-dark btn-filter" id="recently-added-label-movies">
|
||||
<input type="radio" name="recently-added-toggle" id="recently-added-toggle-movie" value="movie" autocomplete="off"> Movies
|
||||
</label>
|
||||
<label class="btn btn-dark" id="recently-added-label-tv">
|
||||
<label class="btn btn-dark btn-filter" id="recently-added-label-tv">
|
||||
<input type="radio" name="recently-added-toggle" id="recently-added-toggle-show" value="show" autocomplete="off"> TV Shows
|
||||
</label>
|
||||
<label class="btn btn-dark" id="recently-added-label-music">
|
||||
<label class="btn btn-dark btn-filter" id="recently-added-label-music">
|
||||
<input type="radio" name="recently-added-toggle" id="recently-added-toggle-artist" value="artist" autocomplete="off"> Music
|
||||
</label>
|
||||
<label class="btn btn-dark" id="recently-added-label-other_video">
|
||||
<label class="btn btn-dark btn-filter" id="recently-added-label-other_video">
|
||||
<input type="radio" name="recently-added-toggle" id="recently-added-toggle-other_video" value="other_video" autocomplete="off"> Videos
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -649,13 +649,13 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
% endif
|
||||
<div class="btn-group" data-toggle="buttons" id="transcode_decision-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_play" value="direct play" autocomplete="off"><i class="fa fa-play-circle"></i> Direct Play
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_stream" value="copy" autocomplete="off"><i class="fa fa-stream"></i> Direct Stream
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-transcode" value="transcode" autocomplete="off"><i class="fa fa-server"></i> Transcode
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -217,13 +217,13 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
% endif
|
||||
<div class="btn-group" data-toggle="buttons" id="transcode_decision-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_play" value="direct play" autocomplete="off"><i class="fa fa-play-circle"></i> Direct Play
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_stream" value="copy" autocomplete="off"><i class="fa fa-stream"></i> Direct Stream
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-transcode" value="transcode" autocomplete="off"><i class="fa fa-server"></i> Transcode
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
@ -167,27 +167,27 @@ DOCUMENTATION :: END
|
|||
</div>
|
||||
% endif
|
||||
<div class="btn-group" data-toggle="buttons" id="media_type-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-movie" value="movie" autocomplete="off"><i class="fa fa-film"></i> Movies
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-episode" value="episode" autocomplete="off"><i class="fa fa-television"></i> TV Shows
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-track" value="track" autocomplete="off"><i class="fa fa-music"></i> Music
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="media_type-filter" id="history-media_type-live" value="live" autocomplete="off"><i class="fa fa-broadcast-tower"></i> Live TV
|
||||
</label>
|
||||
</div>
|
||||
<div class="btn-group" data-toggle="buttons" id="transcode_decision-selection">
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_play" value="direct play" autocomplete="off"><i class="fa fa-play-circle"></i> Direct Play
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-direct_stream" value="copy" autocomplete="off"><i class="fa fa-stream"></i> Direct Stream
|
||||
</label>
|
||||
<label class="btn btn-dark">
|
||||
<label class="btn btn-dark btn-filter">
|
||||
<input type="checkbox" name="transcode_decision-filter" id="history-transcode_decision-transcode" value="transcode" autocomplete="off"><i class="fa fa-server"></i> Transcode
|
||||
</label>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue