diff --git a/platform/commonUI/general/bundle.json b/platform/commonUI/general/bundle.json
index b55ce03b32..d71bb3a393 100644
--- a/platform/commonUI/general/bundle.json
+++ b/platform/commonUI/general/bundle.json
@@ -39,6 +39,10 @@
"key": "indicator",
"templateUrl": "templates/indicator.html"
},
+ {
+ "key": "message-banner",
+ "templateUrl": "templates/message-banner.html"
+ },
{
"key": "time-controller",
"templateUrl": "templates/controls/time-controller.html"
diff --git a/platform/commonUI/general/res/sass/_messages.scss b/platform/commonUI/general/res/sass/_messages.scss
index db4de4c946..80c9b21d97 100644
--- a/platform/commonUI/general/res/sass/_messages.scss
+++ b/platform/commonUI/general/res/sass/_messages.scss
@@ -1,4 +1,4 @@
-/* Styles for messages */
+/* Styles for messages and message banners */
.message {
&.block {
@@ -9,4 +9,25 @@
background-color: rgba($colorAlert,0.3);
color: lighten($colorAlert, 20%);
}
+}
+
+.l-message-banner {
+ @include ellipsize();
+ display: block;
+ position: absolute;
+ top: $interiorMargin; right: auto; bottom: $interiorMargin; left: 50%;
+ height: auto; width: auto;
+ //line-height: $ueFooterH;
+ max-width: 300px;
+ padding: 0 $interiorMarginLg;
+ @include transform(translateX(-50%));
+ .s-btn {
+ height: auto !important;
+ }
+}
+
+.s-message-banner {
+ @include border-radius($basicCr);
+ background-color: #999;
+ color: black;
}
\ No newline at end of file
diff --git a/platform/commonUI/general/res/templates/bottombar.html b/platform/commonUI/general/res/templates/bottombar.html
index 4da2686fa1..f0d3799542 100644
--- a/platform/commonUI/general/res/templates/bottombar.html
+++ b/platform/commonUI/general/res/templates/bottombar.html
@@ -26,5 +26,6 @@
key="indicator.template">
+
\ No newline at end of file
diff --git a/platform/commonUI/general/res/templates/message-banner.html b/platform/commonUI/general/res/templates/message-banner.html
new file mode 100644
index 0000000000..c5386311c6
--- /dev/null
+++ b/platform/commonUI/general/res/templates/message-banner.html
@@ -0,0 +1,9 @@
+
+
+ Objects not saved
+
+ x
+
+
\ No newline at end of file
diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
index 316c6a5877..3fc212468c 100644
--- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css
+++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css
@@ -1153,7 +1153,7 @@ mct-container {
top: 0;
left: 0; }
-/* Styles for messages */
+/* Styles for messages and message banners */
/* line 4, ../../../../general/res/sass/_messages.scss */
.message.block {
-moz-border-radius: 2px;
@@ -1165,6 +1165,37 @@ mct-container {
background-color: rgba(255, 60, 0, 0.3);
color: #ff8a66; }
+/* line 14, ../../../../general/res/sass/_messages.scss */
+.l-message-banner {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: auto;
+ bottom: 5px;
+ left: 50%;
+ height: auto;
+ width: auto;
+ max-width: 300px;
+ padding: 0 10px;
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ /* line 24, ../../../../general/res/sass/_messages.scss */
+ .l-message-banner .s-btn, .l-message-banner .s-menu {
+ height: auto !important; }
+
+/* line 29, ../../../../general/res/sass/_messages.scss */
+.s-message-banner {
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
+ background-color: #999;
+ color: black; }
+
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space
diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css
index 0107eef7e9..be2972e22e 100644
--- a/platform/commonUI/themes/snow/res/css/theme-snow.css
+++ b/platform/commonUI/themes/snow/res/css/theme-snow.css
@@ -1150,7 +1150,7 @@ mct-container {
top: 0;
left: 0; }
-/* Styles for messages */
+/* Styles for messages and message banners */
/* line 4, ../../../../general/res/sass/_messages.scss */
.message.block {
-moz-border-radius: 4px;
@@ -1162,6 +1162,37 @@ mct-container {
background-color: rgba(255, 60, 0, 0.3);
color: #ff8a66; }
+/* line 14, ../../../../general/res/sass/_messages.scss */
+.l-message-banner {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: block;
+ position: absolute;
+ top: 5px;
+ right: auto;
+ bottom: 5px;
+ left: 50%;
+ height: auto;
+ width: auto;
+ max-width: 300px;
+ padding: 0 10px;
+ -moz-transform: translateX(-50%);
+ -ms-transform: translateX(-50%);
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ /* line 24, ../../../../general/res/sass/_messages.scss */
+ .l-message-banner .s-btn, .l-message-banner .s-menu {
+ height: auto !important; }
+
+/* line 29, ../../../../general/res/sass/_messages.scss */
+.s-message-banner {
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ background-color: #999;
+ color: black; }
+
/*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space