alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] New template for message-banner

Browse Source 
open #159
open #170
Added markup and beginning of styling;
Temporarily added mct-include elem to bottombar.html;
This commit is contained in:
Charles Hacskaylo
2015-10-02 18:37:01 -07:00
parent 926aed72c3
commit d606ee421f
6 changed files with 100 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

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

33
platform/commonUI/themes/snow/res/css/theme-snow.css
View File

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