letting tooltips in the dashboard overflow

apache · Dec 14, 2015 · 65be15c · 65be15c
1 parent c6d007c
commit 65be15c
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/panoramix/static/panoramix.css b/panoramix/static/panoramix.css
@@ -166,6 +166,18 @@ legend {
   width: 100%;
   height: 20px;
 }
+.dashboard li.widget.line,
+  .dashboard li.widget.bar,
+  .dashboard li.widget.compare,
+  .dashboard li.widget.area,
+  .dashboard li.widget.pie,
+  .dashboard li.widget.dist_bar,
+  .dashboard li.widget.sunburst {
+ overflow: visible;  /* This allows elements within these slice typesin a dashboard to overflow */
+}
+.dashboard  div.nvtooltip {
+  z-index: 1;  /* this lets tool tips go on top of other slices  */
+}
 .dashboard td.icons {
   width: 50px;
 }

diff --git a/panoramix/templates/panoramix/dashboard.html b/panoramix/templates/panoramix/dashboard.html
@@ -81,7 +81,7 @@ <h2>
           <li
               id="slice_{{ slice.id }}"
               slice_id="{{ slice.id }}"
-              class="widget"
+              class="widget {{ slice.viz.viz_type }}"
               data-widget="{{ slice.viz.get_data_attribute() }}"
               data-row="{{ pos.row or 1 }}"
               data-col="{{ pos.col or loop.index }}"

diff --git a/panoramix/templates/panoramix/explore.html b/panoramix/templates/panoramix/explore.html
@@ -129,7 +129,7 @@
             {% endblock %}
               {% include 'appbuilder/flash.html' %}
         <div
-          class="viz widget"
+          class="viz widget {{ viz.viz_type }}"
           data-widget="{{ viz.get_data_attribute() }}"
           style="height: 700px;">
           {% block viz_html %}