Improvments to the dashboard view

apache · Sep 22, 2015 · 3d8fbaa · 3d8fbaa
1 parent ff29f90
commit 3d8fbaa
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/panoramix/templates/panoramix/dashboard.html b/panoramix/templates/panoramix/dashboard.html
@@ -28,7 +28,7 @@
     .gridster li {
         list-style-type: none;
         border: 1px solid gray;    
-        overflow: auto;
+        overflow: hidden;
         box-shadow: 2px 2px 2px #AAA;
         border-radius: 5px;
         background-color: white;
@@ -59,10 +59,14 @@
     }
     table.widget_header {
       width: 100%;
+      height: 20px;
     }
     td.icons {
       width: 50px;
     }
+    td.icons nobr {
+      display: none;
+    }
     div.header {
       font-weight: bold;
     }
@@ -100,15 +104,17 @@ <h2>
                 <tbody>
                   <tr>
                     <td class="icons">
-                      <a><i class="fa fa-arrows drag"></i></a>
+                      <nobr class="icons">
+                        <a><i class="fa fa-arrows drag"></i></a>
+                        <a class="refresh"><i class="fa fa-refresh"></i></a>
+                      </nobr>
                     </td>
                     <td>
                       <div class="text-center header"><nobr>{{ slice.slice_name }}</nobr></div>
                     </td>
-                    <td class="icons">
+                    <td class="icons text-right">
                       <nobr>
                       <a href="{{ slice.slice_url }}"><i class="fa fa-play"></i></a>
-                      <a class="refresh"><i class="fa fa-refresh"></i></a>
                       <a href="{{ slice.edit_url }}"><i class="fa fa-gear"></i></a>
                       <a class="closewidget"><i class="fa fa-close"></i></a>
                       </br>
@@ -172,6 +178,12 @@ <h2>
             var li = $(this).parents("li");
             gridster.remove_widget(li);
           });
+          $("table.widget_header").mouseover(function(){
+            $(this).find("td.icons nobr").show();
+          });
+          $("table.widget_header").mouseout(function(){
+            $(this).find("td.icons nobr").hide();
+          });
       });
     </script>
     {% for slice in dashboard.slices %}