diff --git a/platform/commonUI/dialog/src/DialogService.js b/platform/commonUI/dialog/src/DialogService.js
index f598f0da58..99d361cf81 100644
--- a/platform/commonUI/dialog/src/DialogService.js
+++ b/platform/commonUI/dialog/src/DialogService.js
@@ -89,7 +89,8 @@ define(
// will handle actual insertion into the DOM
this.overlay = this.overlayService.createOverlay(
key,
- model
+ model,
+ "t-dialog"
);
// Track that a dialog is already visible, to
@@ -230,6 +231,7 @@ define(
* progress, as well as a series of actions that
* the user can take if necessary
* @param {DialogModel} dialogModel defines options for the dialog
+ * @param {typeClass} string tells overlayService that this overlay should use appropriate CSS class
* @returns {boolean}
*/
DialogService.prototype.showBlockingMessage = function(dialogModel) {
@@ -238,7 +240,8 @@ define(
// will handle actual insertion into the DOM
this.overlay = this.overlayService.createOverlay(
"blocking-message",
- {dialog: dialogModel}
+ {dialog: dialogModel},
+ "t-dialog-sm"
);
this.dialogVisible = true;
return true;
diff --git a/platform/commonUI/dialog/src/OverlayService.js b/platform/commonUI/dialog/src/OverlayService.js
index 5faba5dcf6..1874adb271 100644
--- a/platform/commonUI/dialog/src/OverlayService.js
+++ b/platform/commonUI/dialog/src/OverlayService.js
@@ -28,7 +28,7 @@ define(
// Template to inject into the DOM to show the dialog; really just points to
// the a specific template that can be included via mct-include
- var TEMPLATE = '';
+ var TEMPLATE = '';
/**
@@ -72,7 +72,7 @@ define(
* included overlay template (this will be passed
* in via ng-model)
*/
- OverlayService.prototype.createOverlay = function (key, overlayModel) {
+ OverlayService.prototype.createOverlay = function (key, overlayModel, typeClass) {
// Create a new scope for this overlay
var scope = this.newScope(),
element;
@@ -87,9 +87,13 @@ define(
// If no model is supplied, just fill in a default "cancel"
overlayModel = overlayModel || { cancel: dismiss };
+ // If no typeClass is specified, set to default "t-dialog"
+ typeClass = typeClass || 't-dialog';
+
// Populate the scope; will be passed directly to the template
scope.overlay = overlayModel;
scope.key = key;
+ scope.typeClass = typeClass;
// Create the overlay element and add it to the document's body
element = this.$compile(TEMPLATE)(scope);