Merge pull request #165 from jeff-phillips-18/master

Add pfEmptyChart directive, use it in Heatmap, Trends, and Utilizatio…

Author: dtaylor113

dist/angular-patternfly.js

@@ -31,6 +31,19 @@
   padding: 0 20px 0;
 }
 
+.empty-chart-content {
+  text-align: center;
+}
+
+.empty-chart-content .pficon {
+  font-size: 24px;
+}
+.empty-chart-content span {
+  vertical-align: middle;
+  width: 100%;
+}
+
+
 .utilization-chart-pf .donut-chart-pf {
   width: 100%;
   float: left;
@@ -55,7 +68,6 @@
 }
 
 .utilization-chart-pf .available-text {
-  color: #333;
   font-size: 12px;
   font-weight: 400;
   line-height: 14px;
@@ -84,6 +96,10 @@
   margin-left: 0;
 }
 
+.utilization-chart-pf.data-unavailable-pf .current-values {
+  color: transparent;
+}
+
 .data-list-pf {
   background: #fff;
   overflow-x: hidden;
@@ -369,6 +385,14 @@
   margin-left: 10px;
 }
 
+.data-unavailable-pf [class*="trend-title-"],[class*="trend-label-"] {
+  color: transparent;
+}
+
+.data-unavailable-pf .trend-footer-pf {
+  color: transparent;
+}
+
 .simple-filter a {
   cursor: pointer;
 }

dist/angular-patternfly.min.js

@@ -93,3 +93,8 @@ hr {
   font-weight: 600;
   padding-bottom: 10px;
 }
+
+.example-heatmap-container {
+  border: solid 1px #d1d1d1;
+  margin: 0 10px;
+}