From 2193d06363c87a2ac1d9580251323a031b3da99d Mon Sep 17 00:00:00 2001
From: Jonathan Wong <Jonny.Wong.16@gmail.com>
Date: Wed, 26 Aug 2015 16:03:16 -0700
Subject: [PATCH] Only toggle top lists on click

Fixed borders on the slider
---
 data/interfaces/default/css/plexpy.css  | 23 ++++++++------
 data/interfaces/default/home_stats.html | 42 +++++++------------------
 2 files changed, 25 insertions(+), 40 deletions(-)

diff --git a/data/interfaces/default/css/plexpy.css b/data/interfaces/default/css/plexpy.css
index c2773235..ac05a5e2 100644
--- a/data/interfaces/default/css/plexpy.css
+++ b/data/interfaces/default/css/plexpy.css
@@ -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 {
diff --git a/data/interfaces/default/home_stats.html b/data/interfaces/default/home_stats.html
index f8b6c27f..4c5f498a 100644
--- a/data/interfaces/default/home_stats.html
+++ b/data/interfaces/default/home_stats.html
@@ -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>