From 5be7b03ba4fb5094f64f9cc5aff0100abeee673a Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Sat, 26 Mar 2016 21:10:41 -0700
Subject: [PATCH] [hotfix] Fix tooltip overflow to be visible outside widget

---
 dashed/assets/stylesheets/dashed.css   | 38 -----------------
 dashed/templates/dashed/dashboard.html | 59 +++++++++++++-------------
 2 files changed, 30 insertions(+), 67 deletions(-)

diff --git a/dashed/assets/stylesheets/dashed.css b/dashed/assets/stylesheets/dashed.css
index acd5a847d9..0e6d793ec7 100644
--- a/dashed/assets/stylesheets/dashed.css
+++ b/dashed/assets/stylesheets/dashed.css
@@ -155,42 +155,6 @@ legend {
 .panel.panel-primary {
   margin: 10px;
 }
-
-.index .carousel img {
-  max-height: 500px;
-}
-.index .carousel {
-  overflow: hidden;
-  height: 500px;
-}
-.index .carousel-caption h1 {
-  font-size: 80px;
-}
-.index .carousel-caption p {
-  font-size: 20px;
-}
-.index div.carousel-caption{
-  background: rgba(0,0,0,0.5);
-  border-radius: 20px;
-  top: 150px;
-  bottom: auto !important;
-}
-.index .carousel-inner > .item > img {
-  margin: 0 auto;
-}
-.index {
-  margin: -20px;
-}
-.index .carousel-indicators li {
-  background-color: #AAA;
-  border: 1px solid black;
-}
-
-.index .carousel-indicators .active {
-  background-color: #000;
-  border: 5px solid black;
-}
-
 .datasource form div.form-control {
   margin-bottom: 5px !important;
 }
@@ -203,7 +167,6 @@ legend {
 img.loading {
   width: 40px;
 }
-
 .dashboard a i {
   cursor: pointer;
 }
@@ -223,7 +186,6 @@ img.loading {
   margin: 5px;
   border: 1px solid #ccc;
   box-shadow: 2px 1px 5px -2px #aaa;
-  overflow: hidden;
   background-color: #fff;
 }
 .dashboard .gridster .dragging,
diff --git a/dashed/templates/dashed/dashboard.html b/dashed/templates/dashed/dashboard.html
index 73b1b4d331..a4ff39b42a 100644
--- a/dashed/templates/dashed/dashboard.html
+++ b/dashed/templates/dashed/dashboard.html
@@ -82,39 +82,40 @@
             data-col="{{ pos.col or loop.index }}"
             data-sizex="{{ pos.size_x or 4 }}"
             data-sizey="{{ pos.size_y or 4 }}">
-
-            <div class="row chart-header">
-
-              <div class="col-md-12 text-center header">
-                {{ slice.slice_name }}
-              </div>
-              <div class="col-md-12 chart-controls">
-                <div class="pull-left">
-                  <a title="Move chart" data-toggle="tooltip">
-                    <i class="fa fa-arrows drag"></i>
-                  </a>
-                  <a class="refresh" title="Force refresh data" data-toggle="tooltip">
-                    <i class="fa fa-repeat"></i>
-                  </a>
+            
+            <div class="chart-header">
+              <div class="row">
+                <div class="col-md-12 text-center header">
+                  {{ slice.slice_name }}
                 </div>
-                <div class="pull-right">
-                  {% if slice.description %}
-                    <a title="Toggle chart description">
-                      <i class="fa fa-info-circle slice_info" slice_id="{{ slice.id }}" title="{{ slice.description }}" data-toggle="tooltip"></i>
+                <div class="col-md-12 chart-controls">
+                  <div class="pull-left">
+                    <a title="Move chart" data-toggle="tooltip">
+                      <i class="fa fa-arrows drag"></i>
                     </a>
-                  {% endif %}
-                  <a href="{{ slice.edit_url }}" title="Edit chart" data-toggle="tooltip">
-                    <i class="fa fa-pencil"></i>
-                  </a>
-                  <a href="{{ slice.slice_url }}" title="Explore chart" data-toggle="tooltip">
-                    <i class="fa fa-share"></i>
-                  </a>
-                  <a class="remove-chart" title="Remove chart from dashboard" data-toggle="tooltip">
-                    <i class="fa fa-close"></i>
-                  </a>
+                    <a class="refresh" title="Force refresh data" data-toggle="tooltip">
+                      <i class="fa fa-repeat"></i>
+                    </a>
+                  </div>
+                  <div class="pull-right">
+                    {% if slice.description %}
+                      <a title="Toggle chart description">
+                        <i class="fa fa-info-circle slice_info" slice_id="{{ slice.id }}" title="{{ slice.description }}" data-toggle="tooltip"></i>
+                      </a>
+                    {% endif %}
+                    <a href="{{ slice.edit_url }}" title="Edit chart" data-toggle="tooltip">
+                      <i class="fa fa-pencil"></i>
+                    </a>
+                    <a href="{{ slice.slice_url }}" title="Explore chart" data-toggle="tooltip">
+                      <i class="fa fa-share"></i>
+                    </a>
+                    <a class="remove-chart" title="Remove chart from dashboard" data-toggle="tooltip">
+                      <i class="fa fa-close"></i>
+                    </a>
+                  </div>
                 </div>
-              </div>
 
+              </div>
             </div>
             <div
               class="slice_description bs-callout bs-callout-default"