github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-07 13:41:15 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Only toggle top lists on click

Browse source 
Fixed borders on the slider
This commit is contained in:
Jonathan Wong 2015-08-26 16:03:16 -07:00
parent 3fc573bd90
commit 2193d06363
2 changed files with 25 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

23
data/interfaces/default/css/plexpy.css
View file

@ -1574,13 +1574,6 @@ a .season-episodes-card-overlay:hover {
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
overflow: hidden;
}
.home-platforms-instance:hover .home-platforms-instance-list-chevron i.fa-chevron-down{
color: #eb8600;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.home-platforms-instance-list-chevron {
position: absolute;
top: 100px;
@ -1594,6 +1587,16 @@ a .season-episodes-card-overlay:hover {
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.home-platforms-instance-list-chevron i:hover {
color: #eb8600;
}
.home-platforms-instance-list-chevron.active i.fa-chevron-down{
color: #eb8600;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
a .home-platforms-instance-box:hover,
a .home-platforms-instance-oval:hover,
a .home-platforms-instance-list-box:hover,
@ -1612,9 +1615,9 @@ a .home-platforms-instance-list-oval:hover,
position: absolute;
top: 129px;
left: -10px;
webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
border-right: 1px solid rgba(255,255,255,.1);
border-bottom: 1px solid rgba(255,255,255,.1);
border-left: 1px solid rgba(255,255,255,.1);
z-index: 1;
}
.history-table-title {

42
data/interfaces/default/home_stats.html
View file

@ -528,36 +528,18 @@ DOCUMENTATION :: END
% endfor
</ul>
<script>
var inProgress;
$('.home-platforms-instance-list-chevron i.fa').on('click',
function() {
inProgress = true;
instanceBoxChevron = $(this);
instanceBox = $(this).parents('.home-platforms-instance');
instanceBoxSlider = instanceBox.find('.slider');
instanceBoxSlider.stop().slideToggle(500, function() { inProgress = false; });
});
$('.home-platforms-instance').on({
mouseenter: function() {
if (inProgress) {
return;
} else {
instanceBox = $(this);
instanceBoxChevron = instanceBox.find('.home-platforms-instance-list-chevron i.fa');
instanceBoxSlider = instanceBox.find('.slider');
instanceBoxSlider.css('z-index', 2);
instanceBoxSlider.stop().slideDown(500);
}
},
mouseleave: function() {
if (inProgress) {
return;
} else {
instanceBoxSlider.css('z-index', 1);
instanceBoxSlider.stop().slideUp(500);
}
}
});
var topZIndex = 2;
$('.home-platforms-instance-list-chevron').on('click', function() {
var instanceBoxChevron = $(this);
var instanceBox = $(this).parents('.home-platforms-instance');
var instanceBoxSlider = instanceBox.find('.slider');
topZIndex++;
instanceBoxChevron.toggleClass('active');
instanceBoxSlider.toggleClass('slider-open');
instanceBoxSlider.css('z-index', topZIndex);
instanceBoxSlider.stop().slideToggle(500);
});
</script>
% else:
<div class="text-muted">No stats for selected period.</div><br>