From 1d95ebdc155e722984c5e3421b5f11e21e9d33ef Mon Sep 17 00:00:00 2001
From: Dante <danloa@.gmail.com>
Date: Tue, 5 May 2015 11:08:15 -0400
Subject: [PATCH] status empty Solved

---
 .../engine/js/strategicDashboard/viewDashboardPresenter.js | 7 ++++++-
 .../engine/templates/strategicDashboard/viewDashboard.html | 6 +++---
 workflow/public_html/css/general.css                       | 2 +-
 workflow/public_html/css/gridstack.css                     | 2 +-
 workflow/public_html/css/sb-admin-2.css                    | 3 ++-
 5 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js b/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js
index fe27124ad..425794764 100644
--- a/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js
+++ b/workflow/engine/js/strategicDashboard/viewDashboardPresenter.js
@@ -179,7 +179,7 @@ ViewDashboardPresenter.prototype.setStatusButtonWidthsAndDisplayValues = functio
 						: overdue.valueRounded + "%";
 
 	onTime.valueToShow = (this.helper.zeroIfNull(onTime.valueRounded) == 0) 
-						? G_STRING['ID_INBOX']  + ' ' + G_STRING['ID_EMPTY'] 
+						? ""
 						: onTime.valueRounded + "%";
 
 	classifyBar(atRisk);
@@ -200,6 +200,11 @@ ViewDashboardPresenter.prototype.setStatusButtonWidthsAndDisplayValues = functio
 		bar.width = minPercent;
 	});
 
+	if (atRisk.valueToShow == 0 && overdue.valueToShow == 0 && onTime.valueToShow == 0) {
+		onTime.valueToShow = G_STRING['ID_INBOX']  + ' ' + G_STRING['ID_EMPTY'];
+		onTime.width = 100;
+	}
+
 	data.percentageOverdueWidth = overdue.width;
 	data.percentageOnTimeWidth = onTime.width;
 	data.percentageAtRiskWidth = atRisk.width;
diff --git a/workflow/engine/templates/strategicDashboard/viewDashboard.html b/workflow/engine/templates/strategicDashboard/viewDashboard.html
index 73e8c6c2f..de43ee202 100644
--- a/workflow/engine/templates/strategicDashboard/viewDashboard.html
+++ b/workflow/engine/templates/strategicDashboard/viewDashboard.html
@@ -64,7 +64,7 @@
 							</div>
 						</div>
 					</div>
-					<div class="panel-footer text-center ind-title-selector">
+					<div class="panel-footer text-center ind-title-selector ellipsis">
 						<%- indicator.title %>
 					</div>
 				</a>
@@ -107,7 +107,7 @@
 							</div>
 						</div>
 					</div>
-					<div class="panel-footer text-center ind-title-selector" style="clear:both; color:#606368;">
+					<div class="panel-footer text-center ind-title-selector ellipsis" style="clear:both; color:#606368;">
 						<%- indicator.title %>
 					</div>
 				</a>
@@ -138,7 +138,7 @@
 							style="width: 0%">
 						</div>
 					</div>
-					<div class="panel-footer text-center ind-title-selector">
+					<div class="panel-footer text-center ind-title-selector ellipsis">
 						<span>
 						<%- indicator.title %>
 						</span>
diff --git a/workflow/public_html/css/general.css b/workflow/public_html/css/general.css
index fe3b6f558..91fdd0db0 100644
--- a/workflow/public_html/css/general.css
+++ b/workflow/public_html/css/general.css
@@ -49,7 +49,7 @@
 }
 
 .status-indicator-low {
-  background-color: #e14333;
+  background-color: #EA3C53;
 }
 .status-indicator-medium {
   background-color: #fcb322;
diff --git a/workflow/public_html/css/gridstack.css b/workflow/public_html/css/gridstack.css
index 54580fedb..ba06a808c 100644
--- a/workflow/public_html/css/gridstack.css
+++ b/workflow/public_html/css/gridstack.css
@@ -98,7 +98,7 @@
 .grid-stack-item[data-gs-x="2"]  { left: 16.66666667% }
 .grid-stack-item[data-gs-x="1"]  { left: 8.33333333% }
 
-@media (max-width: 768px) {
+@media (max-width: 1000px) {
     .grid-stack-item {
         position: relative !important;
         width: auto !important;
diff --git a/workflow/public_html/css/sb-admin-2.css b/workflow/public_html/css/sb-admin-2.css
index c41c87f65..56cb74803 100644
--- a/workflow/public_html/css/sb-admin-2.css
+++ b/workflow/public_html/css/sb-admin-2.css
@@ -336,7 +336,8 @@ table.dataTable thead .sorting:after {
 .panel-red .panel-heading {
     border-color: #e14333;
     color: #fff;
-    background-color: #e14333;
+    /*background-color: #e14333;*/
+	background-color: #EA3C53;
 }
 
 .panel-red a {