ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-20 21:53:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Renew of ue-frontend

Browse Source 
Picks up markup and CSS changes from
open1174 (breadcrumbs)
This commit is contained in:
Charles Hacskaylo 2015-06-02 16:12:19 -07:00
parent 4c6cad3e77
commit b09ec23617
30 changed files with 1357 additions and 899 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
platform/commonUI/general/res/css/forms.css
View File

@ -1,9 +1,7 @@
/* line 3, ../sass/forms/_elems.scss */ /* line 3, ../sass/forms/_elems.scss */
.form .section-header { .form .section-header {
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
font-size: 0.8em; font-size: 0.8em;
@ -17,8 +15,8 @@
position: relative; } position: relative; }
/* line 17, ../sass/forms/_elems.scss */ /* line 17, ../sass/forms/_elems.scss */
.form .form-row { .form .form-row {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
*zoom: 1; *zoom: 1;
@ -29,11 +27,11 @@
/* line 24, ../sass/forms/_elems.scss */ /* line 24, ../sass/forms/_elems.scss */
.form .form-row.first { .form .form-row.first {
border-top: none; } border-top: none; }
/* line 29, ../sass/forms/_elems.scss */ /* line 28, ../sass/forms/_elems.scss */
.form .form-row .label, .form .form-row .label,
.form .form-row .controls { .form .form-row .controls {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
*zoom: 1; *zoom: 1;
@ -83,13 +81,11 @@
color: #666666; } color: #666666; }
/* line 95, ../sass/forms/_elems.scss */ /* line 95, ../sass/forms/_elems.scss */
.form .form-row .selector-list { .form .form-row .selector-list {
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
padding: 5px; padding: 5px;
@ -110,7 +106,7 @@ label.form-control.checkbox input {
margin-right: 5px; margin-right: 5px;
vertical-align: top; } vertical-align: top; }
/* line 127, ../sass/forms/_elems.scss */ /* line 126, ../sass/forms/_elems.scss */
.hint, .hint,
.s-hint { .s-hint {
font-size: 0.9em; } font-size: 0.9em; }
@ -124,10 +120,8 @@ label.form-control.checkbox input {
vertical-align: top; } vertical-align: top; }
/* line 138, ../sass/forms/_elems.scss */ /* line 138, ../sass/forms/_elems.scss */
.l-result div.s-hint { .l-result div.s-hint {
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
background: rgba(255, 153, 0, 0.8); background: rgba(255, 153, 0, 0.8);
display: block; display: block;
@ -136,19 +130,16 @@ label.form-control.checkbox input {
/* line 1, ../sass/forms/_textarea.scss */ /* line 1, ../sass/forms/_textarea.scss */
.edit-main textarea { .edit-main textarea {
-webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; -webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;
@ -165,19 +156,16 @@ label.form-control.checkbox input {
/* line 1, ../sass/forms/_text-input.scss */ /* line 1, ../sass/forms/_text-input.scss */
input[type="text"] { input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; -webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;
@ -194,25 +182,24 @@ input[type="text"] {
/* line 1, ../sass/forms/_selects.scss */ /* line 1, ../sass/forms/_selects.scss */
.form-control.select { .form-control.select {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #404040));
background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: -moz-linear-gradient(#4d4d4d, #404040); background-image: -moz-linear-gradient(#4d4d4d, #404040);
background-image: -o-linear-gradient(#4d4d4d, #404040); background-image: -webkit-linear-gradient(#4d4d4d, #404040);
background-image: linear-gradient(#4d4d4d, #404040); background-image: linear-gradient(#4d4d4d, #404040);
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none; border: none;
border-top: 1px solid #666666; border-top: 1px solid #666666;
color: #999999; color: #999;
display: inline-block; display: inline-block;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@ -221,21 +208,21 @@ input[type="text"] {
position: relative; } position: relative; }
/* line 127, ../sass/_mixins.scss */ /* line 127, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover { .form-control.select:not(.disabled):hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: -moz-linear-gradient(#666666, #4d4d4d); background-image: -moz-linear-gradient(#666666, #4d4d4d);
background-image: -o-linear-gradient(#666666, #4d4d4d); background-image: -webkit-linear-gradient(#666666, #4d4d4d);
background-image: linear-gradient(#666666, #4d4d4d); } background-image: linear-gradient(#666666, #4d4d4d); }
/* line 8, ../sass/forms/_selects.scss */ /* line 8, ../sass/forms/_selects.scss */
.form-control.select select { .form-control.select select {
-webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; -webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
background: none; background: none;
color: #999999; color: #999;
border: none !important; border: none !important;
cursor: pointer; cursor: pointer;
padding: 4px 25px 2px 5px; padding: 4px 25px 2px 5px;
@ -260,19 +247,16 @@ input[type="text"] {
min-height: 22px; } min-height: 22px; }
/* line 6, ../sass/forms/_channel-selector.scss */ /* line 6, ../sass/forms/_channel-selector.scss */
.channel-selector .treeview { .channel-selector .treeview {
-webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
appearance: none; -webkit-appearance: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; -moz-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px; box-shadow: inset rgba(0, 0, 0, 0.5) 0 1px 5px;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border: none; border: none;

45
platform/commonUI/general/res/css/items.css
View File

@ -8,25 +8,24 @@
top: 0; } top: 0; }
/* line 8, ../sass/items/_item.scss */ /* line 8, ../sass/items/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #595959), color-stop(100%, #4d4d4d));
background-image: -webkit-linear-gradient(#595959, #4d4d4d);
background-image: -moz-linear-gradient(#595959, #4d4d4d); background-image: -moz-linear-gradient(#595959, #4d4d4d);
background-image: -o-linear-gradient(#595959, #4d4d4d); background-image: -webkit-linear-gradient(#595959, #4d4d4d);
background-image: linear-gradient(#595959, #4d4d4d); background-image: linear-gradient(#595959, #4d4d4d);
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none; border: none;
border-top: 1px solid #737373; border-top: 1px solid #737373;
color: #999999; color: #999;
display: inline-block; display: inline-block;
box-sizing: border-box; box-sizing: border-box;
cursor: pointer; cursor: pointer;
@ -38,10 +37,11 @@
position: relative; } position: relative; }
/* line 127, ../sass/_mixins.scss */ /* line 127, ../sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover { .items-holder .item.grid-item:not(.disabled):hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #595959)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #737373), color-stop(100%, #595959));
background-image: -webkit-linear-gradient(#737373, #595959);
background-image: -moz-linear-gradient(#737373, #595959); background-image: -moz-linear-gradient(#737373, #595959);
background-image: -o-linear-gradient(#737373, #595959); background-image: -webkit-linear-gradient(#737373, #595959);
background-image: linear-gradient(#737373, #595959); } background-image: linear-gradient(#737373, #595959); }
/* line 21, ../sass/items/_item.scss */ /* line 21, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
@ -100,38 +100,39 @@
font-size: 0.8em; } font-size: 0.8em; }
/* line 83, ../sass/items/_item.scss */ /* line 83, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected { .items-holder .item.grid-item.selected {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00bfff), color-stop(100%, #00ace6));
background-image: -webkit-linear-gradient(#00bfff, #00ace6);
background-image: -moz-linear-gradient(#00bfff, #00ace6); background-image: -moz-linear-gradient(#00bfff, #00ace6);
background-image: -o-linear-gradient(#00bfff, #00ace6); background-image: -webkit-linear-gradient(#00bfff, #00ace6);
background-image: linear-gradient(#00bfff, #00ace6); background-image: linear-gradient(#00bfff, #00ace6);
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
border: none; border: none;
border-top: 1px solid #33ccff; border-top: 1px solid #33ccff;
color: #999999; color: #999;
display: inline-block; display: inline-block;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzY2NmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33ccff), color-stop(100%, #0099cc));
background-image: -webkit-linear-gradient(#33ccff, #0099cc);
background-image: -moz-linear-gradient(#33ccff, #0099cc); background-image: -moz-linear-gradient(#33ccff, #0099cc);
background-image: -o-linear-gradient(#33ccff, #0099cc); background-image: -webkit-linear-gradient(#33ccff, #0099cc);
background-image: linear-gradient(#33ccff, #0099cc); background-image: linear-gradient(#33ccff, #0099cc);
color: #80dfff; } color: #80dfff; }
/* line 135, ../sass/_mixins.scss */ /* line 135, ../sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover { .items-holder .item.grid-item.selected:not(.disabled):hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2ZDlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #66d9ff), color-stop(100%, #00bfff));
background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
background-image: -moz-linear-gradient(#66d9ff, #00bfff); background-image: -moz-linear-gradient(#66d9ff, #00bfff);
background-image: -o-linear-gradient(#66d9ff, #00bfff); background-image: -webkit-linear-gradient(#66d9ff, #00bfff);
background-image: linear-gradient(#66d9ff, #00bfff); } background-image: linear-gradient(#66d9ff, #00bfff); }
/* line 88, ../sass/items/_item.scss */ /* line 88, ../sass/items/_item.scss */
.items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) { .items-holder .item.grid-item.selected .item-type, .items-holder .item.grid-item.selected .top-bar .icon:not(.alert) {

118
platform/commonUI/general/res/css/plots.css
View File

@ -1,10 +1,11 @@
/* line 10, ../sass/plots/_plots-main.scss */ /* line 10, ../sass/plots/_plots-main.scss */
.gl-plot { .gl-plot {
color: #999999; color: #999;
font-size: 0.7rem; font-size: 0.7rem;
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; } height: 100%;
/****************************** Limits and Out-of-Bounds data */ }
/* line 17, ../sass/plots/_plots-main.scss */ /* line 17, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-axis-area { .gl-plot .gl-plot-axis-area {
position: absolute; } position: absolute; }
@ -26,15 +27,13 @@
width: 60px; } width: 60px; }
/* line 38, ../sass/plots/_plots-main.scss */ /* line 38, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-coords { .gl-plot .gl-plot-coords {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
background: rgba(255, 199, 0, 0.5); background: black;
color: #e6e6e6; color: #e6e6e6;
padding: 2px 5px; padding: 2px 5px;
position: absolute; position: absolute;
@ -55,13 +54,13 @@
left: 60px; left: 60px;
cursor: crosshair; cursor: crosshair;
border: 1px solid #4d4d4d; } border: 1px solid #4d4d4d; }
/* line 66, ../sass/plots/_plots-main.scss */ /* line 65, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label, .gl-plot .gl-plot-label,
.gl-plot .l-plot-label { .gl-plot .l-plot-label {
color: #cccccc; color: #cccccc;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 74, ../sass/plots/_plots-main.scss */ /* line 73, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label,
.gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label,
.gl-plot .l-plot-label.l-plot-x-label { .gl-plot .l-plot-label.l-plot-x-label {
@ -70,19 +69,17 @@
bottom: 0; bottom: 0;
left: 0; left: 0;
height: auto; } height: auto; }
/* line 83, ../sass/plots/_plots-main.scss */ /* line 82, ../sass/plots/_plots-main.scss */
.gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label,
.gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label,
.gl-plot .l-plot-label.l-plot-y-label { .gl-plot .l-plot-label.l-plot-y-label {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0; -moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0; -ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0; -webkit-transform-origin: 50% 0;
transform-origin: 50% 0; transform-origin: 50% 0;
-webkit-transform: translateX(-50%) rotate(-90deg);
-moz-transform: translateX(-50%) rotate(-90deg); -moz-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg);
-o-transform: translateX(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg);
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 5px;
@ -122,21 +119,69 @@
height: 24px; height: 24px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; } overflow-y: auto; }
/* line 136, ../sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar,
.gl-plot .l-oob-data {
position: absolute;
left: 0;
right: 0;
width: auto; }
/* line 144, ../sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar {
height: auto;
z-index: 0; }
/* line 152, ../sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-yellow {
background: rgba(157, 117, 0, 0.2); }
/* line 153, ../sass/plots/_plots-main.scss */
.gl-plot .l-limit-bar.s-limit-red {
background: rgba(170, 0, 0, 0.2); }
/* line 156, ../sass/plots/_plots-main.scss */
.gl-plot .l-oob-data {
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
width: auto;
height: auto;
pointer-events: none;
height: 10px;
z-index: 1; }
/* line 164, ../sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-up {
top: 0;
bottom: auto;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 169, ../sass/plots/_plots-main.scss */
.gl-plot .l-oob-data.l-oob-data-dwn {
bottom: 0;
top: auto;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3NDhkNiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzQ4ZDYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%;
background-image: -moz-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%);
background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); }
/* line 151, ../sass/plots/_plots-main.scss */ /* line 179, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item, .gl-plot-legend .plot-legend-item,
.gl-plot-legend .legend-item, .gl-plot-legend .legend-item,
.legend .plot-legend-item, .legend .plot-legend-item,
.legend .legend-item { .legend .legend-item {
display: inline-block; display: inline-block;
margin-right: 10px; } margin-right: 10px; }
/* line 154, ../sass/plots/_plots-main.scss */ /* line 183, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item span, .gl-plot-legend .plot-legend-item span,
.gl-plot-legend .legend-item span, .gl-plot-legend .legend-item span,
.legend .plot-legend-item span, .legend .plot-legend-item span,
.legend .legend-item span { .legend .legend-item span {
vertical-align: middle; } vertical-align: middle; }
/* line 158, ../sass/plots/_plots-main.scss */ /* line 186, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .plot-color-swatch,
.gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .plot-legend-item .color-swatch,
.gl-plot-legend .legend-item .plot-color-swatch, .gl-plot-legend .legend-item .plot-color-swatch,
@ -145,26 +190,37 @@
.legend .plot-legend-item .color-swatch, .legend .plot-legend-item .color-swatch,
.legend .legend-item .plot-color-swatch, .legend .legend-item .plot-color-swatch,
.legend .legend-item .color-swatch { .legend .legend-item .color-swatch {
-webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
-ms-border-radius: 2px; -webkit-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
display: inline-block; display: inline-block;
height: 8px; height: 8px;
width: 8px; width: 8px; }
margin-right: 3px; }
/* line 172, ../sass/plots/_plots-main.scss */ /* line 199, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
line-height: 1.5em;
padding: 0px 5px; }
/* line 205, ../sass/plots/_plots-main.scss */
.gl-plot-legend .plot-legend-item .plot-color-swatch {
border: 1px solid #333;
height: 9px;
width: 9px; }
/* line 213, ../sass/plots/_plots-main.scss */
.tick { .tick {
position: absolute; position: absolute;
border: 0 rgba(255, 255, 255, 0.3) solid; } border: 0 rgba(255, 255, 255, 0.3) solid; }
/* line 175, ../sass/plots/_plots-main.scss */ /* line 216, ../sass/plots/_plots-main.scss */
.tick.tick-x { .tick.tick-x {
border-right-width: 1px; border-right-width: 1px;
height: 100%; } height: 100%; }
/* line 183, ../sass/plots/_plots-main.scss */ /* line 222, ../sass/plots/_plots-main.scss */
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
font-size: 0.7rem; font-size: 0.7rem;
@ -172,7 +228,7 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } text-overflow: ellipsis; }
/* line 191, ../sass/plots/_plots-main.scss */ /* line 230, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x,
.tick-label.gl-plot-x-tick-label, .tick-label.gl-plot-x-tick-label,
.tick-label.tick-label-x { .tick-label.tick-label-x {
@ -183,7 +239,7 @@
width: 20%; width: 20%;
margin-left: -10%; margin-left: -10%;
text-align: center; } text-align: center; }
/* line 201, ../sass/plots/_plots-main.scss */ /* line 240, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y,
.tick-label.gl-plot-y-tick-label, .tick-label.gl-plot-y-tick-label,
.tick-label.tick-label-y { .tick-label.tick-label-y {
@ -193,18 +249,18 @@
margin-bottom: -0.5em; margin-bottom: -0.5em;
text-align: right; } text-align: right; }
/* line 212, ../sass/plots/_plots-main.scss */ /* line 252, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-x-tick-label { .gl-plot-tick.gl-plot-x-tick-label {
top: 5px; } top: 5px; }
/* line 215, ../sass/plots/_plots-main.scss */ /* line 255, ../sass/plots/_plots-main.scss */
.gl-plot-tick.gl-plot-y-tick-label { .gl-plot-tick.gl-plot-y-tick-label {
right: 5px; right: 5px;
left: 5px; } left: 5px; }
/* line 222, ../sass/plots/_plots-main.scss */ /* line 262, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-x { .tick-label.tick-label-x {
top: 0; } top: 0; }
/* line 225, ../sass/plots/_plots-main.scss */ /* line 265, ../sass/plots/_plots-main.scss */
.tick-label.tick-label-y { .tick-label.tick-label-y {
right: 0; right: 0;
left: 0; } left: 0; }

1426
platform/commonUI/general/res/css/theme-espresso.css
View File

File diff suppressed because it is too large Load Diff

12
platform/commonUI/general/res/css/tree.css
View File

@ -2,7 +2,7 @@
ul.tree { ul.tree {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 179, ../sass/_mixins.scss */ /* line 187, ../sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@ -13,14 +13,12 @@ ul.tree {
position: relative; } position: relative; }
/* line 6, ../sass/tree/_tree.scss */ /* line 6, ../sass/tree/_tree.scss */
ul.tree li span.tree-item { ul.tree li span.tree-item {
-webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-ms-border-radius: 3px; -webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
-webkit-transition: background-color 0.25s;
-moz-transition: background-color 0.25s; -moz-transition: background-color 0.25s;
-o-transition: background-color 0.25s; -o-transition: background-color 0.25s;
-webkit-transition: background-color 0.25s;
transition: background-color 0.25s; transition: background-color 0.25s;
display: block; display: block;
font-size: 0.80rem; font-size: 0.80rem;
@ -63,7 +61,7 @@ ul.tree {
/* line 38, ../sass/tree/_tree.scss */ /* line 38, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .type-icon .alert { ul.tree li span.tree-item .label .type-icon .alert {
text-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px;
background: #333333; background: #333;
color: #ff3c00; color: #ff3c00;
font-size: 0.7em; font-size: 0.7em;
margin-top: -3px; margin-top: -3px;
@ -105,7 +103,7 @@ ul.tree {
/* line 79, ../sass/tree/_tree.scss */ /* line 79, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.selected { ul.tree li span.tree-item.selected {
background: #005177; background: #005177;
color: white; } color: #fff; }
/* line 83, ../sass/tree/_tree.scss */ /* line 83, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.selected .view-control { ul.tree li span.tree-item.selected .view-control {
color: #0099cc; } color: #0099cc; }

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot
View File

Binary file not shown.

10
platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg
View File

@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg> <svg>
<metadata> <metadata>
Created by FontForge 20090622 at Tue Apr 28 20:52:23 2015 Created by FontForge 20090622 at Mon May 4 20:21:42 2015
By deploy user By deploy user
Copyright 2015 Adobe Systems Incorporated. All rights reserved. Copyright 2015 Adobe Systems Incorporated. All rights reserved.
</metadata> </metadata>
@ -224,6 +224,14 @@ d="M188 235h-160q-28 67 -28 140q0 156 110 265.5t265 109.5q88 0 164 -37t129 -103h
q39 0 66 27.5t27 66.5v93h2h186q39 0 66.5 27.5t27.5 66.5v94h1z" /> q39 0 66 27.5t27 66.5v93h2h186q39 0 66.5 27.5t27.5 66.5v94h1z" />
<glyph glyph-name="ecircumflex" unicode="&#xea;" horiz-adv-x="751" <glyph glyph-name="ecircumflex" unicode="&#xea;" horiz-adv-x="751"
d="M376 750v-375h375v-235q0 -58 -41.5 -99t-99.5 -41h-469q-58 0 -99 41t-41 99v469q0 58 41 99.5t99 41.5h235zM470 750l281 -281h-281v281z" /> d="M376 750v-375h375v-235q0 -58 -41.5 -99t-99.5 -41h-469q-58 0 -99 41t-41 99v469q0 58 41 99.5t99 41.5h235zM470 750l281 -281h-281v281z" />
<glyph glyph-name="edieresis" unicode="&#xeb;" horiz-adv-x="748"
d="M374 376l374 -375h-749zM374 750l374 -374h-749z" />
<glyph glyph-name="igrave" unicode="&#xec;" horiz-adv-x="748"
d="M748 750l-375 -750l-374 750h749z" />
<glyph glyph-name="iacute" unicode="&#xed;" horiz-adv-x="748"
d="M-1 0l375 750l374 -750h-749z" />
<glyph glyph-name="icircumflex" unicode="&#xee;" horiz-adv-x="748"
d="M748 750l-375 -375l-374 375h749zM748 375l-375 -374l-374 374h749z" />
<glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="761" <glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="761"
d="M380 751q158 0 269.5 -111.5t111.5 -268.5q0 -133 -82.5 -236.5t-209.5 -134.5l-4 491l-176 -490q-126 31 -207.5 134.5t-81.5 235.5q0 157 111.5 268.5t268.5 111.5zM168 488l55 20l-34 94l-56 -20zM410 530v100h-59v-100h59zM593 488l34 94l-55 20l-34 -94z" /> d="M380 751q158 0 269.5 -111.5t111.5 -268.5q0 -133 -82.5 -236.5t-209.5 -134.5l-4 491l-176 -490q-126 31 -207.5 134.5t-81.5 235.5q0 157 111.5 268.5t268.5 111.5zM168 488l55 20l-34 94l-56 -20zM410 530v100h-59v-100h59zM593 488l34 94l-55 20l-34 -94z" />
<glyph glyph-name="H.002" horiz-adv-x="803" <glyph glyph-name="H.002" horiz-adv-x="803"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf
View File

Binary file not shown.

BIN
platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff
View File

Binary file not shown.

19
platform/commonUI/general/res/sass/_autoflow.scss
View File

@ -49,17 +49,14 @@
&:hover { &:hover {
background: rgba(#fff, 0.1); background: rgba(#fff, 0.1);
} }
&.stale { &.s-stale {
color: darken($colorBodyFg, 20%); //color: darken($colorBodyFg, 20%);
.l-autoflow-item.l { @include s-stale(0.3); };
.l-autoflow-item.r { @include s-stale(); };
} }
&:not(.stale) { &:not(.s-stale) {
.l-autoflow-item.r { .l-autoflow-item.r {
color: lighten($colorBodyFg, 20%); color: lighten($colorBodyFg, 10%);
}
}
&.alert {
.l-autoflow-item.r {
background: $colorFormError;
} }
} }
&.first-in-group { &.first-in-group {
@ -68,7 +65,6 @@
.l-autoflow-item { .l-autoflow-item {
display: block; display: block;
&.l { &.l {
// @include test(orange);
float: none; float: none;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -76,8 +72,7 @@
width: auto; width: auto;
} }
&.r { &.r {
// @include test(blue); @include border-radius($smallCr);
@include border-radius($controlCr);
float: right; float: right;
margin-left: $interiorMargin; margin-left: $interiorMargin;
padding-left: $valPad; padding-left: $valPad;

2
platform/commonUI/general/res/sass/_badges.scss
View File

@ -7,7 +7,7 @@
.top-bar .badge { .top-bar .badge {
@include border-radius($controlCr * 1.5); @include border-radius($controlCr * 1.5);
$h: $ueTopBarH; // - 5px; $h: $btnStdH; //$ueTopBarBtnH; // - 5px;
font-size: 1.4em; font-size: 1.4em;
height: $h; height: $h;
line-height: $h; line-height: $h;

23
platform/commonUI/general/res/sass/_constants.scss
View File

@ -5,6 +5,7 @@ $interiorMarginLg: $interiorMargin * 2;
$interiorMarginSm: 3px; $interiorMarginSm: 3px;
$basicCr: 3px; $basicCr: 3px;
$controlCr: $basicCr; $controlCr: $basicCr;
$smallCr: 2px;
$badgeW: 35px; $badgeW: 35px;
// Colors and shading // Colors and shading
@ -24,20 +25,25 @@ $colorFormValid: #33cc33;
$colorFormError: #cc0000; $colorFormError: #cc0000;
$colorFormInvalid: #ff9900; $colorFormInvalid: #ff9900;
$colorGridLines: rgba(#fff, 0.05); $colorGridLines: rgba(#fff, 0.05);
$colorLimitYellow: #9d7500;
$colorLimitRed: #aa0000;
$colorTelemFresh: #fff;
$colorTelemStale: #888;
$styleTelemState: italic;
// Ratios // Ratios
$ltGamma: 20%; $ltGamma: 20%;
$btnFontSizeToH: 0.45; $btnFontSizeToH: 0.45;
// User Environment // User Environment
$ueTopBarH: 35px; $ueTopBarH: 30px; // Change to 45px when breadcrumb is enabled
$ueTopBarEditH: 30px;
$ueTopBarBtnH: 35px;
$ueFooterH: 20px; $ueFooterH: 20px;
$ueColMargin: 1.5%; $ueColMargin: 1.5%;
$ueAppLogoW: 105px; $ueAppLogoW: 105px;
$ueBrowseViewBarH: $ueTopBarH; // was 30px //$ueBrowseViewBarH: $ueTopBarH; // was 30px
$ueEditToolBarH: $ueBrowseViewBarH; $ueEditToolBarH: 25px;
$ueEditToolBarButtonH: $ueEditToolBarH * 0.8;
$ueBrowseLeftPaneW: 25%; $ueBrowseLeftPaneW: 25%;
$ueEditLeftPaneW: 75%; $ueEditLeftPaneW: 75%;
@ -55,6 +61,7 @@ $ueBrowseGridItemBottomBarH: 40px;
$colorItemBase: lighten($colorBodyBg, 5%); $colorItemBase: lighten($colorBodyBg, 5%);
$colorItemFg: lighten($colorItemBase, 20%); $colorItemFg: lighten($colorItemBase, 20%);
$colorItemSelected: $colorKey; $colorItemSelected: $colorKey;
$itemPadLR: 5px;
// Tree // Tree
$treeVCW: 10px; $treeVCW: 10px;
@ -65,8 +72,8 @@ $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorAlt1; $colorItemTreeVCHover: $colorAlt1;
//Tabular //Tabular
$tabularHeaderH: 20px; $tabularHeaderH: 18px;
$tabularTdPadLR: 5px; $tabularTdPadLR: $itemPadLR;
$tabularTdPadTB: 2px; $tabularTdPadTB: 2px;
$tabularColorBorder: rgba(white, 0.1); $tabularColorBorder: rgba(white, 0.1);
$tabularColorBodyBg: darken($colorBodyBg, 10%); $tabularColorBodyBg: darken($colorBodyBg, 10%);
@ -83,6 +90,8 @@ $formRowCtrlsH: 14px;
$menuLineH: 1.5rem; $menuLineH: 1.5rem;
$scrollbarTrackSize: 10px; $scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.4); $scrollbarTrackColorBg: rgba(#000, 0.4);
$btnStdH: 25px;
$btnToolbarH: $btnStdH;
// Paths // Paths
$dirImgs: '../images/'; // Relative to platform/css/ directory $dirImgs: '../images/'; // Relative to platform/css/ directory

7
platform/commonUI/general/res/sass/_data-status.scss Normal file
View File

@ -0,0 +1,7 @@
.s-stale {
@include s-stale();
.td {
@include s-stale();
}
}

17
platform/commonUI/general/res/sass/_effects.scss
View File

@ -21,3 +21,20 @@ a.disabled {
.test { .test {
@include test(); @include test();
} }
@include keyframes(pulse) {
0% { opacity: 0.2; }
100% { opacity: 1; }
}
@mixin pulse($dur: 500ms) {
@include animation-name(pulse);
@include animation-duration($dur);
@include animation-direction(alternate);
@include animation-iteration-count(infinite);
@include animation-timing-function(ease-in-out);
}
.pulse {
@include pulse(1000ms);
}

40
platform/commonUI/general/res/sass/_fixed-position.scss
View File

@ -1,23 +1,17 @@
.t-fixed-position { .t-fixed-position {
&.l-fixed-position { &.l-fixed-position {
// @include test(red); // @include test(red);
position: absolute; position: absolute;
top: 0; top: 0; right: 0; bottom: 0; left: 0;
right: 0; width: auto; height: auto;
bottom: 0;
left: 0;
width: auto;
height: auto;
.l-grid-holder { .l-grid-holder {
position: relative; position: relative;
height: 100%; height: 100%; width: 100%;
width: 100%;
.l-grid { .l-grid {
// @include test(orange); // @include test(orange);
position: absolute; position: absolute;
height: 100%; height: 100%; width: 100%;
width: 100%;
pointer-events: none; pointer-events: none;
z-index: 0; z-index: 0;
} }
@ -41,8 +35,7 @@
.l-fixed-position-image, .l-fixed-position-image,
.l-fixed-position-text { .l-fixed-position-text {
@include box-sizing(border-box); @include box-sizing(border-box);
height: 100%; height: 100%; width: 100%;
width: 100%;
} }
.l-fixed-position-box { .l-fixed-position-box {
@ -56,32 +49,39 @@
.l-fixed-position-text { .l-fixed-position-text {
@include txtShdwSubtle(); @include txtShdwSubtle();
border: 1px solid transparent; border:1px solid transparent;
font-size: 0.8rem; font-size: 0.8rem;
$p: $interiorMarginSm; $p: 1px; //$interiorMarginSm;
line-height: 100%;
&.l-static-text { &.l-static-text {
// overflow: auto; // overflow: auto;
padding: $p; padding: $p;
} }
&.l-telemetry { &.l-telemetry {
.l-elem { .l-elem {
@include absPosDefault($p); //@include absPosDefault($p);
@include absPosDefault(0);
@include box-sizing(border-box); @include box-sizing(border-box);
padding: 2px;
width: 50%; width: 50%;
&.l-title { &.l-title {
right: auto; right: auto;
left: $p; left: $p;
} }
&.l-value { &.l-value {
// @include test(blue); // @include test(blue);
right: $p; right: $p;
left: auto; left: auto;
text-align: right; text-align: right;
&.telem-only { &.telem-only {
// @include test(red); // @include test(red);
left: $p; left: $p;
width: auto; width: auto;
} }
.l-value-bg {
@include border-radius($smallCr);
padding: 0 4px;
}
} }
} }
} }

2
platform/commonUI/general/res/sass/_icons.scss
View File

@ -55,7 +55,7 @@
} }
.object-header .type-icon { .object-header .type-icon {
color: $colorAlt1; color: $colorKey;
margin-right: $interiorMargin; margin-right: $interiorMargin;
} }

52
platform/commonUI/general/res/sass/_limits.scss Normal file
View File

@ -0,0 +1,52 @@
@mixin limit($c, $glyph) {
background: $c;
&:before {
//@include pulse(500ms);
color: lighten($c, 30%);
content: $glyph;
}
}
/*.s-limit-upr,
.s-limit-lwr {
$a: 0.5;
$l: 30%;
white-space: nowrap;
&:before {
display: inline-block;
font-family: symbolsfont;
font-size: 0.85em;
font-style: normal !important;
margin-right: $interiorMarginSm;
vertical-align: middle;
}
}
.s-limit-upr {
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ed"); }
&.s-limit-red { @include limit($colorLimitRed, "\0000eb"); }
}
.s-limit-lwr {
&.s-limit-yellow { @include limit($colorLimitYellow, "\0000ec"); }
&.s-limit-red { @include limit($colorLimitRed, "\0000ee"); }
}*/
[class*="s-limit"] {
$a: 0.5;
$l: 30%;
white-space: nowrap;
&:before {
display: inline-block;
font-family: symbolsfont;
font-size: 0.85em;
font-style: normal !important;
margin-right: $interiorMarginSm;
vertical-align: middle;
}
}
.s-limit-upr-red { @include limit($colorLimitRed, "\0000eb"); };
.s-limit-upr-yellow { @include limit($colorLimitYellow, "\0000ed"); };
.s-limit-lwr-yellow { @include limit($colorLimitYellow, "\0000ec"); };
.s-limit-lwr-red { @include limit($colorLimitRed, "\0000ee"); };

4
platform/commonUI/general/res/sass/_main.scss
View File

@ -1,6 +1,7 @@
@import "compass"; @import "compass";
@import "compass/reset"; @import "compass/reset";
@import "compass/css3"; @import "compass/css3";
@import "compass/css3/animation";
@import "compass/css3/user-interface"; @import "compass/css3/user-interface";
@import "compass/utilities"; @import "compass/utilities";
@ -14,7 +15,10 @@
@import "text"; @import "text";
@import "badges"; @import "badges";
@import "icons"; @import "icons";
@import "limits";
@import "data-status";
@import "lists/tabular"; @import "lists/tabular";
@import "controls/breadcrumb";
@import "controls/buttons"; @import "controls/buttons";
@import "controls/color-palette"; @import "controls/color-palette";
@import "controls/controls"; @import "controls/controls";

17
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -46,7 +46,7 @@
rgba($c, $a) 25%, transparent 25%, rgba($c, $a) 25%, transparent 25%,
transparent 50%, rgba($c, $a) 50%, transparent 50%, rgba($c, $a) 50%,
rgba($c, $a) 75%, transparent 75%, rgba($c, $a) 75%, transparent 75%,
transparent 0 transparent 100%
)); ));
background-repeat: repeat; background-repeat: repeat;
background-size: $d $d; background-size: $d $d;
@ -157,6 +157,14 @@
@include box-shadow(rgba($color, $sVal) 0 0 30px); @include box-shadow(rgba($color, $sVal) 0 0 30px);
} }
@mixin linearGlow($deg: 0, $c: red, $a: 0.4) {
@include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%));
}
@mixin subtleGrad($deg: 0, $c: red, $a0: 0.2, $a1: 0.3) {
@include background-image(linear-gradient($deg, rgba($c,$a0), rgba($c, $a1) 100%));
}
@mixin txtShdwSubtle($sVal: 0.1) { @mixin txtShdwSubtle($sVal: 0.1) {
@include text-shadow(rgba(black, $sVal) 0 1px 2px); @include text-shadow(rgba(black, $sVal) 0 1px 2px);
} }
@ -226,8 +234,6 @@
background-color: rgba($c, $a); background-color: rgba($c, $a);
} }
@mixin testObj($w: 2000px, $h: 1000px, $c: black, $a: 0.1) { @mixin testObj($w: 2000px, $h: 1000px, $c: black, $a: 0.1) {
&:after { &:after {
@include box-sizing(border-box); @include box-sizing(border-box);
@ -244,3 +250,8 @@
transform-origin: 50% 50% 0; transform-origin: 50% 50% 0;
} }
} }
@mixin s-stale($a: 0.5) {
color: rgba($colorTelemFresh, $a) !important;
font-style: italic;
}

31
platform/commonUI/general/res/sass/controls/_breadcrumb.scss Normal file
View File

@ -0,0 +1,31 @@
.l-breadcrumb {
$c: darken($colorBodyFg, 15%);
$p: 4px;
font-size: 0.7rem;
line-height: 1em;
margin-bottom: $interiorMargin;
margin-left: -1 * $p;
.l-breadcrumb-item {
//@include test();
a {
@include box-sizing(border-box);
@include border-radius($basicCr*.75);
@include single-transition(background-color, 0.25s);
color: darken($colorBodyFg, 15%);
display: inline-block;
//margin-right: $interiorMargin;
padding: $p/2 $p;
.icon {
color: $colorItemTreeIcon;
margin-right: $interiorMargin;
}
&:hover {
background: lighten($colorBodyBg, 10%);
color: lighten($colorBodyFg, 10%);
.icon {
color: $colorItemTreeIconHover;
}
}
}
}
}

12
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -82,11 +82,12 @@
padding: 0 ($interiorMargin * 2); // Moved to s-btn padding: 0 ($interiorMargin * 2); // Moved to s-btn
text-decoration: none; // Moved to s-btn text-decoration: none; // Moved to s-btn
&.create-btn { &.create-btn {
$h: $ueBrowseViewBarH; $h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
$p: $p * 2.25;
height: $h; height: $h;
line-height: $h; line-height: $h;
font-size: 1.1em; //font-size: 1.1em;
padding: 0 ($p * 1.5) 0 $p; padding: 0 $p;
.menu { .menu {
margin-left: $p * -1; margin-left: $p * -1;
} }
@ -202,7 +203,7 @@
.top-bar .buttons-main .t-btn, .top-bar .buttons-main .t-btn,
.tool-bar .btn, .tool-bar .btn,
.tool-bar .t-btn { .tool-bar .t-btn {
$h: $ueEditToolBarButtonH; $h: $btnToolbarH;
display: inline-block; display: inline-block;
font-size: $h * $btnFontSizeToH; font-size: $h * $btnFontSizeToH;
height: $h; height: $h;
@ -340,7 +341,7 @@ label.checkbox.custom {
} }
.top-bar .btn-menu { .top-bar .btn-menu {
$h: $ueTopBarH; // 35px $h: $btnStdH; //$ueTopBarBtnH; // 35px
$p: 10px; $p: 10px;
$badgeM: $interiorMargin; $badgeM: $interiorMargin;
$badgeD: $h - ($badgeM * 2); $badgeD: $h - ($badgeM * 2);
@ -386,7 +387,6 @@ label.checkbox.custom {
font-size: 1.1em; font-size: 1.1em;
span { span {
display: inline-block; display: inline-block;
// margin-right: $interiorMargin;
} }
} }
} }

4
platform/commonUI/general/res/sass/controls/_menus.scss
View File

@ -51,7 +51,9 @@
$prw: $w - $plw; $prw: $w - $plw;
width: $w; width: $w;
height: $h; height: $h;
.contents { overflow: none; } .contents {
@include absPosDefault($interiorMargin);
}
.pane { .pane {
@include box-sizing(border-box); @include box-sizing(border-box);
&.left { &.left {

2
platform/commonUI/general/res/sass/helpers/_splitter.scss
View File

@ -63,7 +63,7 @@
} }
.browse-area .splitter { .browse-area .splitter {
top: $ueBrowseViewBarH + $interiorMargin; top: $ueTopBarH + $interiorMargin;
} }
.edit-area .splitter { .edit-area .splitter {

93
platform/commonUI/general/res/sass/lists/_tabular.scss
View File

@ -1,52 +1,86 @@
.w1 { .w1, .w2 {
background: $tabularColorHeaderBg;
padding-top: $tabularHeaderH;
position: relative; position: relative;
height: 100%;
} }
.w2 {
background: $tabularColorBodyBg;
overflow-y: auto;
}
.tabular { .tabular {
@include box-sizing(border-box); @include box-sizing(border-box);
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
color: #fff;
display: table; display: table;
font-size: 0.8em; font-size: 0.8em;
position: relative;
height: 100%;
width: 100%; width: 100%;
.tr { thead, .thead,
display: table-row; tbody tr, .tbody .tr {
&:first-child .td { display: table;
border-top: none; width: 100%;
table-layout: fixed;
} }
thead, .thead {
width: calc(100% - 10px);
tr, .tr {
height: $tabularHeaderH;
}
&:before {
content: "";
display: block;
z-index: 0;
position: absolute;
width: 100%;
height: $tabularHeaderH;
background: rgba(#fff, 0.15);
}
}
tbody, .tbody {
@include absPosDefault(0);
top: $tabularHeaderH;
//display: table-row-group;
display: block;
//width: 100%;
overflow-y: scroll;
tr, .tr {
&:hover { &:hover {
background: rgba(white, 0.1); background: rgba(white, 0.1);
} }
&.header { }
display: table-header-group; }
.th { tr, .tr {
//display: table-row;
//width: 100%;
&:first-child .td {
border-top: none;
}
th, .th, td, .td {
display: table-cell;
}
th, .th {
border: none; border: none;
color: transparent; border-left: 1px solid $tabularColorBorder;
height: 0px; color: $tabularColorHeaderFg;
line-height: 0;
padding: 0 $tabularTdPadLR; padding: 0 $tabularTdPadLR;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default vertical-align: middle; // This is crucial to hiding f**king 4px height injected by browser by default
&:first-child em { &:first-child {
border-left: none; border-left: none;
} }
&.sort { &.sort {
em:after { .icon-sorting:before {
display: inline-block; display: inline-block;
font-family: symbolsfont; font-family: symbolsfont;
margin-left: 5px; margin-left: 5px;
} }
&.asc em:after { content: '0'; } &.asc .icon-sorting:before {
&.desc em:after { content: '1'; } content: '0';
} }
em { &.desc .icon-sorting:before {
// background: rgba(green, 0.2); content: '1';
}
}
/* em {
//background: rgba(green, 0.2);
border-left: 1px solid $tabularColorBorder; border-left: 1px solid $tabularColorBorder;
color: $tabularColorHeaderFg; color: $tabularColorHeaderFg;
cursor: pointer; cursor: pointer;
@ -63,13 +97,9 @@
&:hover { &:hover {
color: lighten($tabularColorHeaderFg, 20%); color: lighten($tabularColorHeaderFg, 20%);
} }
}*/
} }
} td, .td {
}
.th, .td {
display: table-cell;
}
.td {
border-top: 1px solid $tabularColorBorder; border-top: 1px solid $tabularColorBorder;
padding: $tabularTdPadTB $tabularTdPadLR; padding: $tabularTdPadTB $tabularTdPadLR;
&.numeric { &.numeric {
@ -77,4 +107,9 @@
} }
} }
} }
&.filterable {
tbody, .tbody {
top: $tabularHeaderH * 2;
}
}
} }

80
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@ -1,5 +1,5 @@
$yBarW: 60px; $yBarW: 60px;
$yLabelW: auto; //10px; $yLabelW: auto;
$xBarH: 32px; $xBarH: 32px;
$legendH: 24px; $legendH: 24px;
$colorHash: rgba(white, 0.3); $colorHash: rgba(white, 0.3);
@ -38,7 +38,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-coords { .gl-plot-coords {
@include box-sizing(border-box); @include box-sizing(border-box);
@include border-radius($controlCr); @include border-radius($controlCr);
background: rgba($colorAlt1, 0.5); background: black; //rgba($colorKey, 0.5);
color: lighten($colorBodyFg, 30%); color: lighten($colorBodyFg, 30%);
padding: 2px 5px; padding: 2px 5px;
position: absolute; position: absolute;
@ -129,22 +129,51 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
height: $legendH; height: $legendH;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
// .plot-legend-item { }
// display: inline-block;
// margin-right: $interiorMarginLg; /****************************** Limits and Out-of-Bounds data */
// span {
// vertical-align: middle; .l-limit-bar,
// } .l-oob-data {
// .plot-color-swatch { position: absolute;
// @include border-radius(2px); left: 0;
// display: inline-block; right: 0;
// height: $swatchD; width: auto;
// width: $swatchD; }
// margin-right: $interiorMarginSm;
// } .l-limit-bar {
// } // Limits in plot display area
@mixin limitBg($c) {
background: rgba($c, 0.2);
}
height: auto;
z-index: 0;
&.s-limit-yellow { @include limitBg($colorLimitYellow); }
&.s-limit-red { @include limitBg($colorLimitRed); }
}
.l-oob-data {
$c: #7748d6;
$a: 0.5;
$h: 10px;
@include absPosDefault();
pointer-events: none;
height: $h;
z-index: 1;
&.l-oob-data-up {
top: 0;
bottom: auto;
@include linearGlow(0deg, $c, $a);
}
&.l-oob-data-dwn {
bottom: 0;
top: auto;
@include linearGlow(180deg, $c, $a);
}
} }
} }
.gl-plot-legend, .gl-plot-legend,
.legend { .legend {
.plot-legend-item, .plot-legend-item,
@ -160,11 +189,23 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
display: inline-block; display: inline-block;
height: $swatchD; height: $swatchD;
width: $swatchD; width: $swatchD;
margin-right: $interiorMarginSm; //margin-right: $interiorMarginSm;
} }
.title-label { .title-label {}
}
}
.gl-plot-legend {
.plot-legend-item {
//@include test();
@include border-radius($smallCr);
color: #fff;
line-height: 1.5em;
padding: 0px $itemPadLR;
.plot-color-swatch {
border: 1px solid $colorBodyBg;
height: $swatchD + 1;
width: $swatchD + 1;
} }
} }
} }
@ -178,7 +219,6 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
} }
} }
.gl-plot-tick, .gl-plot-tick,
.tick-label { .tick-label {
// @include test(red); // @include test(red);

23
platform/commonUI/general/res/sass/user-environ/_layout.scss
View File

@ -89,11 +89,12 @@
} }
.edit-area { .edit-area {
$tbH: $ueEditToolBarH; $tbH: $btnToolbarH + $interiorMargin;
top: $bodyMargin + $ueTopBarEditH + ($interiorMargin);
.tool-bar { .tool-bar {
bottom: auto; bottom: auto;
height: $tbH; height: $tbH;
line-height: $ueEditToolBarButtonH; line-height: $btnToolbarH;
} }
.work-area { .work-area {
top: $tbH + $interiorMargin * 2; top: $tbH + $interiorMargin * 2;
@ -181,19 +182,31 @@
position: absolute; position: absolute;
&.treeview { &.treeview {
.create-btn-holder { .create-btn-holder {
bottom: auto; height: $ueBrowseViewBarH; bottom: auto; top: 0;
height: $ueTopBarH;
.wrapper.menu-element {
position: absolute;
bottom: $interiorMargin;
}
} }
.tree-holder { .tree-holder {
overflow: auto; overflow: auto;
top: $ueBrowseViewBarH + $interiorMargin; top: $ueTopBarH + $interiorMargin;
} }
} }
&.items { &.items {
.object-browse-bar { .object-browse-bar {
// bottom: auto; // bottom: auto;
.left.abs,
.right.abs {
top: auto;
}
.right.abs {
bottom: $interiorMargin;
}
} }
.object-holder { .object-holder {
top: $ueBrowseViewBarH + $interiorMargin; top: $ueTopBarH + $interiorMargin;
} }
} }
&.edit-main { &.edit-main {

4
platform/commonUI/general/res/sass/user-environ/_object-browse.scss
View File

@ -1,6 +1,6 @@
.object-browse-bar { .object-browse-bar {
height: $ueBrowseViewBarH; height: $ueTopBarH;
line-height: $ueBrowseViewBarH; //line-height: $ueTopBarBtnH;
.items-select { .items-select {
.btn-menu { .btn-menu {
margin-right: $interiorMargin * 3; margin-right: $interiorMargin * 3;

8
platform/commonUI/general/res/sass/user-environ/_tool-bar.scss
View File

@ -1,19 +1,19 @@
.tool-bar { .tool-bar {
border-bottom: 1px solid $colorInteriorBorder; border-bottom: 1px solid $colorInteriorBorder;
.l-control-group { .l-control-group {
height: $ueEditToolBarButtonH; height: $btnToolbarH;
} }
input[type="text"] { input[type="text"] {
@include box-sizing(border-box); @include box-sizing(border-box);
font-size: .9em; font-size: .9em;
height: $ueEditToolBarButtonH; height: $btnToolbarH;
margin-bottom: 1px; margin-bottom: 1px;
position: relative; position: relative;
&.sm { &.sm {
width: $ueEditToolBarButtonH; width: $btnToolbarH;
} }
} }
.input-labeled label { .input-labeled label {
font-size: $ueEditToolBarButtonH * $btnFontSizeToH; font-size: $btnToolbarH * $btnFontSizeToH;
} }
} }

4
platform/commonUI/general/res/sass/user-environ/_top-bar.scss
View File

@ -1,13 +1,13 @@
.top-bar { .top-bar {
// $h: $ueTopBarH - 5px; // $h: $ueTopBarH - 5px;
// background: rgba(#ff0000, 0.2); // background: rgba(#ff0000, 0.2);
line-height: $ueTopBarH; // line-height: $ueTopBarBtnH;
&.browse, &.browse,
&.edit { &.edit {
border-bottom: 1px solid $colorInteriorBorder; border-bottom: 1px solid $colorInteriorBorder;
top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin; top: $bodyMargin; right: $bodyMargin; bottom: auto; left: $bodyMargin;
height: $ueTopBarH; height: $ueTopBarEditH;
} }
.action { .action {

15
platform/commonUI/general/res/templates/controls/breadcrumb.html Normal file
View File

@ -0,0 +1,15 @@
<div ng-init="bcItems=[
{type: 'folder', glyph: 'F', name: 'My Items'},
{type: 'layout', glyph: 'L', name: 'Layout with a somewhat long name'},
{type: 'telemetry-panel', glyph: 't', name: 'Panel, My Panel'},
{type: 'telemetry-element', glyph: 'T', name: 'ACS-0009'}
]"></div>
<div class="l-breadcrumb s-breadcrumb">
<span
class="l-breadcrumb-item s-breadcrumb-item"
ng-repeat="bcItem in bcItems"
>
<a><span class="ui-symbol icon {{bcItem.type}}">{{bcItem.glyph}}</span>{{bcItem.name}}</a> <span class="ui-symbol sep">}</span>
</span>
</div>