From b2638d9e9ce07b7d0c594ad4450ae53c75c600e8 Mon Sep 17 00:00:00 2001
From: Thomas Steur <thomas.steur@googlemail.com>
Date: Fri, 11 Apr 2014 07:50:55 +0200
Subject: refs #4985 Improve Dashboard / Datatables UI

refs #4985 Improve Dashboard / Datatables UI

various UI fixes and cleaner datatables

some more ui tweaks

this should make sure to related report text is centered when not displayed within dashboard

darker arrow icon

if there are no footer icons, do nothing

some fixes for the ui improvments, especially annotations related

there should be still a gap when not displayed in dashboard

save the expanded footer state to make sure users who often use the footer do not have to open it each time and also makes sure the footer will be still expanded after reloading the widget etc

move related report closer to the actual report

make sure all annotation pins are in one line and positioned correct

fix issues when dashboard widget is maximised. Annotations were not positioned correct and drawer was displayed

when there is no data or no paging, do not display paging or search

display all websites dashboard similar to other reports

do not display column documentation in dashboard but in other reports

show title on drawer hover

hide related reports if there are no related reports, makes the footer looks better when widgetized

make sure the annotations are positioned correct if opened within a widgetized report transition

a fix for firefox and make sure annotation pins do not jump in dashboard area when loading message is displayed

only on firefox and only within the first two columns the arrow was not displayed fully although the css of the image and parent nodes is the same. this workaround makes sure the arrow of the drawer is always fully visible on firefox

move annotations 6px to the left to be displayed as before
---
 plugins/Morpheus/stylesheets/theme.less | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'plugins/Morpheus/stylesheets/theme.less')

diff --git a/plugins/Morpheus/stylesheets/theme.less b/plugins/Morpheus/stylesheets/theme.less
index 2eb7f8c82c..e763398e30 100644
--- a/plugins/Morpheus/stylesheets/theme.less
+++ b/plugins/Morpheus/stylesheets/theme.less
@@ -395,7 +395,7 @@ table.dataTable {
                 .font-default(10px, 12px);
                 padding-top: 12px;
                 padding-bottom: 12px;
-                border-bottom: 1px solid @silver-80;
+                border-bottom: 1px solid @silver-85;
                 &.columnSorted {
                     background:  @silver-95 !important;
                     .sortIcon {
@@ -407,7 +407,7 @@ table.dataTable {
     }
     tr {
         td {
-            border-color: @silver-80 !important;
+            border-color: @silver-85 !important;
             color: @brand-black;
             background: @silver-95;
 
@@ -493,8 +493,12 @@ table.dataTable .dataTableRowActions {
 }
 
 .dataTableFooterIcons {
-    padding: 6px 8px;
-    border-top: 1px solid @silver-80;
+  padding: 6px 8px;
+  border-top: 1px solid @silver-80;
+}
+
+#dashboard .dataTableFooterIcons {
+    padding: 0px 8px 6px;
 }
 
 div.sparkline {
@@ -900,13 +904,13 @@ table#editSites {
 
 #multisites table.dataTable {
     thead tr th {
-        background: @silver-95 !important;
+        background: @theme-color-background-base;
     }
     td {
         background: white;
     }
     tr:hover td {
-        background: #f8f8f8;
+        background: #f2f2f2;
     }
     tfoot tr:hover td {
         background: white;
-- 
cgit v1.2.3