[Frontend] Added type-icon to message dialogs

open #159
open #170
Percent complete added to progress-bar.html;
Refined overlay height;
This commit is contained in:
Charles Hacskaylo
2015-10-07 17:56:25 -07:00
parent 182eff977c
commit ac59df9595
8 changed files with 83 additions and 46 deletions

View File

@@ -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;
}
}