[Frontend] Added type-icon to message dialogs

open #159
open #170
Percent complete added to progress-bar.html;
Refined overlay height;

platform/commonUI/general/res/sass/controls/_messages.scss

@@ -130,7 +130,7 @@
 		line-height: $h;
 		width: 100px;
 	}
-    .progress-info.progress-estimate { display: none; }
+    .progress-info { display: none; }
 	z-index: 10;
 }
 
@@ -159,4 +159,20 @@
 	&.caution {
 		@include statusBannerColors($colorStatusCaution);
 	}
+}
+
+// Messages in overlays, as singleton or in list
+.t-message .overlay {
+    // Singleton message overlay context
+    $iconW: 80px;
+    .type-icon.message-type.abs {
+        //color: pushBack($colorOvrFg, 40%);
+        font-size: $iconW;
+        opacity: 0.5;
+        right: auto;
+        width: $iconW;
+    }
+    .message-contents.abs {
+        left: $iconW + $overlayMargin;
+    }
 }

platform/commonUI/general/res/sass/overlay/_overlay.scss

@@ -47,7 +47,7 @@
         width: 50%;
         min-height: 300px;
         max-height: 800px;
-        min-width: 450px;
+        min-width: 600px;
         max-width: 1000px;
         z-index: 101;
         > .contents {
@@ -58,6 +58,7 @@
             left: $m;
         }
     }
+
     .title {
         @include ellipsize();
         font-size: 1.2em;
@@ -127,6 +128,6 @@
 .t-dialog-sm .overlay > .holder {
     // Used for blocker and in-progress dialogs, modal alerts, etc.
     //@include test(red);
-    min-height: 225px;
-    height: 225px;
+    min-height: 275px;
+    height: 275px;
 }

platform/commonUI/general/res/templates/indicator.html

@@ -31,8 +31,8 @@
 	</span><span class="label"
 		  ng-class='ngModel.getTextClass()'>
 		{{ngModel.getText()}}
-	</span><span class="count">5
-		<!-- Add count value here if this type of indicator has one or more messages associated with it -->
+	</span><span class="count">
+		<!-- Add int count value here if this type of indicator has one or more messages associated with it -->
 	</span><a href=''
 	   class="ui-symbol"
 	   ng-if="ngModel.configure">

platform/commonUI/general/res/templates/progress-bar.html

@@ -4,6 +4,7 @@
         <span class="progress-amt" style="width: {{ngModel.dialog.progress}}%"></span>
     </span>
 </span>
-<div class="progress-info progress-estimate hint" ng-hide="ngModel.dialog.progressText === undefined">
+<div class="progress-info hint" ng-hide="ngModel.dialog.progressText === undefined">
+    <span class="progress-amt-text" ng-show="ngModel.dialog.progress > 0">{{ngModel.dialog.progress}}% complete. </span>
     {{ngModel.dialog.progressText}}
 </div>