[IMP] css changes to improve look and usability of pivot table view (addon web_graph)

bzr revid: ged@openerp.com-20140128151113-g8yxl3lphpht4d89

2 files changed, 33 insertions, 9 deletions

diff --git a/addons/web_graph/static/src/css/graph.css b/addons/web_graph/static/src/css/graph.css
index 09e86c1de6b..b7d82597c4c 100644
--- a/addons/web_graph/static/src/css/graph.css
+++ b/addons/web_graph/static/src/css/graph.css
@@ -6,6 +6,15 @@
     border-bottom: 1px solid #ccc;
     padding: 6px 8px;
     text-align: right;
+    color: black;
+}
+
+.graph_main_content td:first-child {
+  background-color: rgb(240, 238, 238);
+}
+
+.graph_main_content table {
+  margin-top: 10px;
 }
 
 .graph_measure_selection .oe_selected {
@@ -26,30 +35,44 @@
 .graph_main_content th {
     font-size: 13px;
     font-weight: normal;
-    color: #039;
     padding: 10px 8px;
     vertical-align: top;
+    color: black;
+}
+
+.graph_main_content tbody td{
+  border: 1px solid #b8b8b8;
+}
+
+.graph_main_content tbody {
+  border-top: 1px solid black;
 }
 
 .graph_main_content thead {
-  border: 1px solid #6678b1;
-    border-bottom: 2px solid #6678b1;  
+  background-color: rgb(240, 238, 238);
+  border: 1px solid #b8b8b8;
 }
 
-.graph_main_content tbody td{
-  border: 1px solid #ccc;
+.graph_main_content thead th {
+  border-left: 1px solid #b8b8b8;
+}
+
+div.graph_widget {
+  padding:10px;
+}
+
+.oe_dashboard div.graph_widget {
+  padding:0;
 }
 
 td.graph_border {
-  color: #039;
   text-align: left;
-  border-right: 1px solid #6678b1;
   white-space: nowrap;
 }
 
-.graph_main_content tbody tr:hover td
+.graph_main_content table:not(.heatmap) tr:hover td:not(:first-child)
 {
-    color: #009;
+  background-color: rgb(245, 245, 245);
 }
 
 span.field-selection {
diff --git a/addons/web_graph/static/src/js/graph_widget.js b/addons/web_graph/static/src/js/graph_widget.js
index 100ae21acce..ef547e22632 100644
--- a/addons/web_graph/static/src/js/graph_widget.js
+++ b/addons/web_graph/static/src/js/graph_widget.js
@@ -362,6 +362,7 @@ openerp.web_graph.Graph = openerp.web.Widget.extend({
         this.$('.graph_main_content svg').remove();
         this.$('.graph_main_content div').remove();
         this.table.empty();
+        this.table.toggleClass('heatmap', this.heatmap_mode !== 'none')
         this.width = this.$el.width();
         this.height = Math.min(Math.max(document.documentElement.clientHeight - 116 - 60, 250), Math.round(0.8*this.$el.width()));