From eaf1a977282a8bbb8b26a042e0e43ff864ff1feb Mon Sep 17 00:00:00 2001
From: Alexander Moisseev <moiseev@mezonplus.ru>
Date: Sat, 18 Feb 2017 13:47:22 +0300
Subject: [PATCH] [WebUI] Fix mouse events on throughput summary table area

---
 interface/css/rspamd.css  | 17 ++++++++++++++---
 interface/index.html      |  3 ++-
 interface/js/app/graph.js | 10 ++++++++++
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css
index 15ca4afac..1dad20f7e 100644
--- a/interface/css/rspamd.css
+++ b/interface/css/rspamd.css
@@ -549,20 +549,31 @@ td.maps-cell {
 }
 
 /* RRD summary */
+#summary-row {
+    padding-left: 80px;
+    padding-right: 80px;
+}
 .col-fixed,
 .col-fluid {
     position: relative;
     float: left;
-    padding-left: 80px;
-    padding-right: 80px;
 }
 .col-fixed {
     width: 200px;
-    z-index: 1;
+    min-height: 1px; /* make an empty div take space */
 }
 .col-fluid {
     width: calc(100% - 200px);
 }
+#rrd-table_toggle {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+}
+#rrd-table_wrapper {
+    z-index: 100;
+}
 #rrd-table {
     width: 100% !important;
     text-align: left;
diff --git a/interface/index.html b/interface/index.html
index 71b9d5754..3fd348206 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -107,7 +107,7 @@
 								</div>
 							</div>
 
-							<div class="row">
+							<div id="summary-row" class="row">
 								<div class="col-fixed" id="rrd-pie" >
 									<span class="notice">Loading..</span>
 									<noscript>Please enable Javascript</noscript>
@@ -115,6 +115,7 @@
 
 								<div class="col-fluid">
 									<table id="rrd-table" class="table table-striped table-hover"></table>
+									<div id="rrd-table_toggle"></div>
 								</div>
 							</div>
 
diff --git a/interface/js/app/graph.js b/interface/js/app/graph.js
index 62452d367..86f7ca352 100644
--- a/interface/js/app/graph.js
+++ b/interface/js/app/graph.js
@@ -148,6 +148,16 @@ function($, D3Evolution, unused) {
         });
     }
 
+    // Handling mouse events on overlapping elements
+    $("#rrd-pie").mouseover(function () {
+        $("#rrd-pie").css("z-index", "200");
+        $("#rrd-table_toggle").css("z-index", "300");
+    });
+    $("#rrd-table_toggle").mouseover(function () {
+        $("#rrd-pie").css("z-index", "0");
+        $("#rrd-table_toggle").css("z-index", "0");
+    });
+
     var interface = {};
 
     interface.draw = function(rspamd, graphs, neighbours, checked_server, type) {
-- 
2.39.5