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

[Mobile] Sanding of mobile styles, cherry-pick to master

Browse Source 
open #74
CSS and markup changes for mobile
that are good for master now;
This commit is contained in:
Charles Hacskaylo
2015-08-20 16:09:35 -07:00
parent b1e1e85bbd
commit 3484b315cf
15 changed files with 448 additions and 443 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
platform/commonUI/browse/res/templates/items/grid-item.html
View File

@@ -20,26 +20,21 @@
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<!-- For selected, add class 'selected' to outer div --> <!-- For selected, add class 'selected' to outer div -->
<div class='item grid-item'> <div class='item grid-item' ng-click='action.perform("navigate")'>
<div class="contents abs mobile-grid-nav" ng-click='action.perform("navigate")'> <div class='contents abs'>
<div class='top-bar bar abs'> <div class='top-bar bar abs'>
<div class='left abs'> <div class='ui-symbol profile' title='Shared'>&#x4f;</div>
<mct-include key="_checkbox"></mct-include> <!--mct-representation class="desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation-->
</div>
<div class='right abs mobile-right'>
<div class='ui-symbol icon alert hidden' onclick="alert('Not yet functional. When this is visible, it means that this object needs to be updated. Clicking will allow that action via a dialog.');">!</div>
<div class='ui-symbol icon profile' title="Shared">P</div>
</div>
</div> </div>
<div class='item-main abs'> <div class='item-main abs'>
<div class='ui-symbol icon lg item-type'> <div class='ui-symbol icon lg item-type'>
{{type.getGlyph()}} {{type.getGlyph()}}
<span <span
class="ui-symbol icon l-icon-link" title="This object is a link" class="ui-symbol l-icon-link" title="This object is a link"
ng-show="location.isLink()" ng-show="location.isLink()"
></span> ></span>
</div> </div>
<div class='ui-symbol icon abs item-open'>}</div> <div class='ui-symbol abs item-open'>}</div>
</div> </div>
<div class='bottom-bar bar abs'> <div class='bottom-bar bar abs'>
<div class='title'>{{model.name}}</div> <div class='title'>{{model.name}}</div>
@@ -47,10 +42,10 @@
<span ng-show="model.composition !== undefined"> <span ng-show="model.composition !== undefined">
{{model.composition.length}} Items {{model.composition.length}} Items
</span> </span>
<span ng-show="model.composition == undefined">
{{model.name}}
</span>
</div> </div>
</div> </div>
</div> </div>
<div class="contents abs mobile-info desktop-hide">
<mct-representation class="contents abs btn s-very-subtle desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
</div>
</div> </div>

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

@@ -433,7 +433,7 @@ input[type="text"] {
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -442,10 +442,10 @@ input[type="text"] {
background-image: -webkit-linear-gradient(#636363, #575757); background-image: -webkit-linear-gradient(#636363, #575757);
background-image: linear-gradient(#636363, #575757); background-image: linear-gradient(#636363, #575757);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover.btn-menu .invoke-menu { .form-control.select:not(.disabled):hover.btn-menu .invoke-menu {
color: #878787; } color: #878787; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.form-control.select.btn-menu .invoke-menu { .form-control.select.btn-menu .invoke-menu {
color: #757575; } color: #757575; }
/* line 29, ../sass/forms/_selects.scss */ /* line 29, ../sass/forms/_selects.scss */

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

@@ -185,7 +185,7 @@
margin-bottom: 3px; margin-bottom: 3px;
margin-right: 3px; margin-right: 3px;
position: relative; } position: relative; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -194,15 +194,15 @@
background-image: -webkit-linear-gradient(#707070, #636363); background-image: -webkit-linear-gradient(#707070, #636363);
background-image: linear-gradient(#707070, #636363); background-image: linear-gradient(#707070, #636363);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.items-holder .item.grid-item:not(.disabled):hover.btn-menu .invoke-menu { .items-holder .item.grid-item:not(.disabled):hover.btn-menu .invoke-menu {
color: #949494; } color: #949494; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.items-holder .item.grid-item.btn-menu .invoke-menu { .items-holder .item.grid-item.btn-menu .invoke-menu {
color: #828282; } color: #828282; }
/* line 46, ../sass/items/_item.scss */ /* line 46, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type { .items-holder .item.grid-item:hover .item-main .item-type {
color: #0099cc !important; } color: deepskyblue !important; }
/* line 48, ../sass/items/_item.scss */ /* line 48, ../sass/items/_item.scss */
.items-holder .item.grid-item:hover .item-main .item-type .l-icon-link { .items-holder .item.grid-item:hover .item-main .item-type .l-icon-link {
color: #49dedb; } color: #49dedb; }
@@ -211,35 +211,35 @@
opacity: 1; } opacity: 1; }
/* line 57, ../sass/items/_item.scss */ /* line 57, ../sass/items/_item.scss */
.items-holder .item.grid-item .contents { .items-holder .item.grid-item .contents {
top: 5px; top: 10px;
right: 5px; right: 10px;
bottom: 5px; bottom: 10px;
left: 5px; } left: 10px; }
/* line 61, ../sass/items/_item.scss */ /* line 63, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs { .items-holder .item.grid-item .bar.top-bar.abs {
bottom: auto; bottom: auto;
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
text-align: right;
z-index: 5; } z-index: 5; }
/* line 66, ../sass/items/_item.scss */ /* line 69, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right { .items-holder .item.grid-item .bar.top-bar.abs .left, .items-holder .item.grid-item .bar.top-bar.abs .right {
width: auto; } width: auto; }
/* line 68, ../sass/items/_item.scss */ /* line 71, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon { .items-holder .item.grid-item .bar.top-bar.abs .left .icon, .items-holder .item.grid-item .bar.top-bar.abs .right .icon {
margin-left: 3px; } margin-left: 3px; }
/* line 70, ../sass/items/_item.scss */ /* line 73, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.top-bar.abs .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar.abs .right .icon.l-icon-link { .items-holder .item.grid-item .bar.top-bar.abs .left .icon.l-icon-link, .items-holder .item.grid-item .bar.top-bar.abs .right .icon.l-icon-link {
color: #49dedb; } color: #49dedb; }
/* line 76, ../sass/items/_item.scss */ /* line 79, ../sass/items/_item.scss */
.items-holder .item.grid-item .bar.bottom-bar.abs { .items-holder .item.grid-item .bar.bottom-bar.abs {
top: auto; top: auto;
height: 30px; height: 30px; }
padding: 5px; } /* line 84, ../sass/items/_item.scss */
/* line 82, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main { .items-holder .item.grid-item .item-main {
line-height: 160px; line-height: 160px;
z-index: 1; } z-index: 1; }
/* line 88, ../sass/items/_item.scss */ /* line 90, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
overflow: false; overflow: false;
position: absolute; position: absolute;
@@ -249,24 +249,23 @@
left: 40px; left: 40px;
width: auto; width: auto;
height: auto; height: auto;
color: #737373;
text-align: center; text-align: center;
font-size: 96.9px; font-size: 96.9px;
line-height: 102px; line-height: 102px;
bottom: auto; bottom: auto;
height: 102px; height: 102px;
top: 30px; } top: 30px; }
/* line 100, ../sass/items/_item.scss */ /* line 102, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-type .l-icon-link { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
color: #1a8e8b; color: #49dedb;
height: 36px; height: auto;
line-height: 36px; line-height: 100%;
position: absolute; position: absolute;
font-size: 32px; font-size: 0.3em;
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; } z-index: 2; }
/* line 112, ../sass/items/_item.scss */ /* line 115, ../sass/items/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-open {
-moz-transition-property: "opacity"; -moz-transition-property: "opacity";
-o-transition-property: "opacity"; -o-transition-property: "opacity";
@@ -286,13 +285,13 @@
width: 50px; width: 50px;
pointer-events: none; pointer-events: none;
text-align: right; } text-align: right; }
/* line 124, ../sass/items/_item.scss */ /* line 127, ../sass/items/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .title {
text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px;
color: #cccccc;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; } color: #cccccc; }
/* line 132, ../sass/items/_item.scss */ /* line 132, ../sass/items/_item.scss */
.items-holder .item.grid-item .details { .items-holder .item.grid-item .details {
font-size: 0.8em; } font-size: 0.8em; }
@@ -318,7 +317,7 @@
color: #999; color: #999;
display: inline-block; display: inline-block;
color: #80dfff; } color: #80dfff; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlY2JmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0YzRmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlY2JmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0YzRmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -327,10 +326,10 @@
background-image: -webkit-linear-gradient(#2ecbff, #14c4ff); background-image: -webkit-linear-gradient(#2ecbff, #14c4ff);
background-image: linear-gradient(#2ecbff, #14c4ff); background-image: linear-gradient(#2ecbff, #14c4ff);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.items-holder .item.grid-item.selected:not(.disabled):hover.btn-menu .invoke-menu { .items-holder .item.grid-item.selected:not(.disabled):hover.btn-menu .invoke-menu {
color: #75ddff; } color: #75ddff; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.items-holder .item.grid-item.selected.btn-menu .invoke-menu { .items-holder .item.grid-item.selected.btn-menu .invoke-menu {
color: #52d4ff; } color: #52d4ff; }
/* line 140, ../sass/items/_item.scss */ /* line 140, ../sass/items/_item.scss */
@@ -368,82 +367,82 @@
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px), screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 34, ../sass/mobile/_item.scss */ /* line 29, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-grid-nav { .items-holder .item.grid-item {
width: 100%; }
/* line 33, ../sass/mobile/_item.scss */
.items-holder .item.grid-item > .contents {
top: 0px; top: 0px;
right: 10px;
bottom: 0px; bottom: 0px;
right: 55px; } left: 10px; }
/* line 39, ../sass/mobile/_item.scss */ /* line 37, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-info { .items-holder .item.grid-item .bar.top-bar {
text-align: center; bottom: 0 !important;
width: 50px; left: auto !important;
right: 0px; right: 20px !important;
left: auto; width: 40px !important;
font-size: 1.3em; } height: auto !important;
/* line 47, ../sass/mobile/_item.scss */ text-align: right; }
.items-holder .item.grid-item .bar.bottom-bar.abs { /* line 44, ../sass/mobile/_item.scss */
top: 0px; .items-holder .item.grid-item .bar.bottom-bar {
height: auto; } left: 40px;
/* line 54, ../sass/mobile/_item.scss */ right: 60px; }
/* line 52, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
font-size: 30px; font-size: 30px;
top: 0px; right: auto;
left: 0px; bottom: auto;
left: 0;
line-height: 100%;
text-align: left; text-align: left;
height: auto; } width: 30px; }
/* line 61, ../sass/mobile/_item.scss */ /* line 61, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-open { .items-holder .item.grid-item .item-main .item-type .l-icon-link {
display: none; } bottom: 0; }
/* line 65, ../sass/mobile/_item.scss */ /* line 65, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .title, .items-holder .item.grid-item .details { .items-holder .item.grid-item .item-main .item-open {
margin-left: 30px; } } display: block;
opacity: 1;
font-size: 1em;
width: auto; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (max-height: 514px) and (max-width: 740px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../sass/mobile/_item.scss */ /* line 29, ../sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%;
height: 50px; } height: 50px; }
/* line 74, ../sass/mobile/_item.scss */ /* line 78, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-right { .items-holder .item.grid-item .bar.top-bar {
top: 100%; } line-height: 50px !important; }
/* line 77, ../sass/mobile/_item.scss */ /* line 82, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .mobile-info { .items-holder .item.grid-item .bar.bottom-bar {
line-height: 25px; } top: 7px !important;
/* line 81, ../sass/mobile/_item.scss */ bottom: auto;
height: 35px; }
/* line 87, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
line-height: 40px; } top: 10px !important;
/* line 85, ../sass/mobile/_item.scss */ bottom: auto;
.items-holder .item.grid-item .title { height: 30px; }
margin-right: 10px; /* line 90, ../sass/mobile/_item.scss */
line-height: 25px; } .items-holder .item.grid-item .item-main .item-open {
/* line 89, ../sass/mobile/_item.scss */ line-height: 50px; } }
.items-holder .item.grid-item .details {
margin-right: 10px;
line-height: 0px; } }
@media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) { @media screen and (orientation: portrait) and (min-width: 515px) and (max-width: 799px) and (min-height: 741px) and (max-height: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 799px) and (max-device-height: 1024px), screen and (orientation: landscape) and (min-height: 515px) and (max-height: 799px) and (min-width: 741px) and (max-width: 1024px) and (max-device-width: 1024px) and (max-device-height: 799px) {
/* line 29, ../sass/mobile/_item.scss */ /* line 29, ../sass/mobile/_item.scss */
.items-holder .item.grid-item { .items-holder .item.grid-item {
width: 100%; height: 66px; }
height: 66.66667px; } /* line 100, ../sass/mobile/_item.scss */
/* line 99, ../sass/mobile/_item.scss */ .items-holder .item.grid-item .bar.top-bar {
.items-holder .item.grid-item .mobile-right { line-height: 66px !important; }
top: 100%; } /* line 104, ../sass/mobile/_item.scss */
/* line 103, ../sass/mobile/_item.scss */ .items-holder .item.grid-item .bar.bottom-bar {
.items-holder .item.grid-item .mobile-info { top: 15px !important;
line-height: 38px; } bottom: auto;
/* line 107, ../sass/mobile/_item.scss */ height: 35px; }
/* line 109, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .item-main .item-type { .items-holder .item.grid-item .item-main .item-type {
font-size: 30px; top: 18px !important;
line-height: 50px; } bottom: auto;
height: 30px; }
/* line 112, ../sass/mobile/_item.scss */ /* line 112, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .title { .items-holder .item.grid-item .item-main .item-open {
margin-right: 10px; line-height: 66px; } }
line-height: 38px; }
/* line 116, ../sass/mobile/_item.scss */
.items-holder .item.grid-item .details {
margin-right: 10px;
line-height: 0px; } }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 29, ../sass/mobile/_item.scss */
.items-holder .item.grid-item {
width: 200px;
height: 200px; } }

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

@@ -1292,7 +1292,7 @@ mct-container {
font-size: 1.65em; } font-size: 1.65em; }
/* line 48, ../sass/_icons.scss */ /* line 48, ../sass/_icons.scss */
.bar .icon { .bar .ui-symbol {
display: inline-block; } display: inline-block; }
/* line 52, ../sass/_icons.scss */ /* line 52, ../sass/_icons.scss */
@@ -1311,10 +1311,6 @@ mct-container {
.super-menu.menu .type-icon { .super-menu.menu .type-icon {
position: absolute; } position: absolute; }
/* line 68, ../sass/_icons.scss */
.tree-item .type-icon {
font-size: 16px; }
/* line 72, ../sass/_icons.scss */ /* line 72, ../sass/_icons.scss */
.l-icon-link:before { .l-icon-link:before {
content: "\f4"; } content: "\f4"; }
@@ -1769,7 +1765,7 @@ table {
color: #999; color: #999;
display: inline-block; display: inline-block;
color: #ccf2ff; } color: #ccf2ff; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn.major:not(.disabled):hover, .btn.major:not(.disabled):hover,
.s-btn.major:not(.disabled):hover, .s-btn.major:not(.disabled):hover,
.major.icon-btn:not(.disabled):hover, .major.icon-btn:not(.disabled):hover,
@@ -1781,13 +1777,13 @@ table {
background-image: -webkit-linear-gradient(#2ecbff, #14c4ff); background-image: -webkit-linear-gradient(#2ecbff, #14c4ff);
background-image: linear-gradient(#2ecbff, #14c4ff); background-image: linear-gradient(#2ecbff, #14c4ff);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn.major:not(.disabled):hover.btn-menu .invoke-menu, .btn.major:not(.disabled):hover.btn-menu .invoke-menu,
.s-btn.major:not(.disabled):hover.btn-menu .invoke-menu, .s-btn.major:not(.disabled):hover.btn-menu .invoke-menu,
.major.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .major.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
.major.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu { .major.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu {
color: #75ddff; } color: #75ddff; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn.major.btn-menu .invoke-menu, .btn.major.btn-menu .invoke-menu,
.s-btn.major.btn-menu .invoke-menu, .s-btn.major.btn-menu .invoke-menu,
.major.btn-menu.icon-btn .invoke-menu, .major.btn-menu.icon-btn .invoke-menu,
@@ -1817,7 +1813,7 @@ table {
border-top: 1px solid #2ecbff; border-top: 1px solid #2ecbff;
color: #ccf2ff; color: #ccf2ff;
display: inline-block; } display: inline-block; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn.major:hover:not(.disabled):hover, .btn.major:hover:not(.disabled):hover,
.s-btn.major:hover:not(.disabled):hover, .s-btn.major:hover:not(.disabled):hover,
.major.icon-btn:hover:not(.disabled):hover, .major.icon-btn:hover:not(.disabled):hover,
@@ -1829,13 +1825,13 @@ table {
background-image: -webkit-linear-gradient(#47d1ff, #2ecbff); background-image: -webkit-linear-gradient(#47d1ff, #2ecbff);
background-image: linear-gradient(#47d1ff, #2ecbff); background-image: linear-gradient(#47d1ff, #2ecbff);
color: white; } color: white; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn.major:hover:not(.disabled):hover.btn-menu .invoke-menu, .btn.major:hover:not(.disabled):hover.btn-menu .invoke-menu,
.s-btn.major:hover:not(.disabled):hover.btn-menu .invoke-menu, .s-btn.major:hover:not(.disabled):hover.btn-menu .invoke-menu,
.major.icon-btn:hover:not(.disabled):hover.btn-menu .invoke-menu, .major.icon-btn:hover:not(.disabled):hover.btn-menu .invoke-menu,
.major.s-icon-btn:hover:not(.disabled):hover.btn-menu .invoke-menu { .major.s-icon-btn:hover:not(.disabled):hover.btn-menu .invoke-menu {
color: #8fe3ff; } color: #8fe3ff; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn.major:hover.btn-menu .invoke-menu, .btn.major:hover.btn-menu .invoke-menu,
.s-btn.major:hover.btn-menu .invoke-menu, .s-btn.major:hover.btn-menu .invoke-menu,
.major.icon-btn:hover.btn-menu .invoke-menu, .major.icon-btn:hover.btn-menu .invoke-menu,
@@ -1871,7 +1867,7 @@ table {
border-top: 1px solid #8a8a8a; border-top: 1px solid #8a8a8a;
color: #cccccc; color: #cccccc;
display: inline-block; } display: inline-block; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn.subtle:not(.disabled):hover, .btn.subtle:not(.disabled):hover,
.s-btn.subtle:not(.disabled):hover, .s-btn.subtle:not(.disabled):hover,
.subtle.icon-btn:not(.disabled):hover, .subtle.icon-btn:not(.disabled):hover,
@@ -1883,13 +1879,13 @@ table {
background-image: -webkit-linear-gradient(#969696, #8a8a8a); background-image: -webkit-linear-gradient(#969696, #8a8a8a);
background-image: linear-gradient(#969696, #8a8a8a); background-image: linear-gradient(#969696, #8a8a8a);
color: #f0f0f0; } color: #f0f0f0; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn.subtle:not(.disabled):hover.btn-menu .invoke-menu, .btn.subtle:not(.disabled):hover.btn-menu .invoke-menu,
.s-btn.subtle:not(.disabled):hover.btn-menu .invoke-menu, .s-btn.subtle:not(.disabled):hover.btn-menu .invoke-menu,
.subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
.subtle.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu { .subtle.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu {
color: #bababa; } color: #bababa; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn.subtle.btn-menu .invoke-menu, .btn.subtle.btn-menu .invoke-menu,
.s-btn.subtle.btn-menu .invoke-menu, .s-btn.subtle.btn-menu .invoke-menu,
.subtle.btn-menu.icon-btn .invoke-menu, .subtle.btn-menu.icon-btn .invoke-menu,
@@ -1922,7 +1918,7 @@ table {
border-top: 1px solid #575757; border-top: 1px solid #575757;
color: #999; color: #999;
display: inline-block; } display: inline-block; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn.very-subtle:not(.disabled):hover, .btn.s-very-subtle:not(.disabled):hover, .btn.very-subtle:not(.disabled):hover, .btn.s-very-subtle:not(.disabled):hover,
.s-btn.very-subtle:not(.disabled):hover, .s-btn.very-subtle:not(.disabled):hover,
.very-subtle.icon-btn:not(.disabled):hover, .very-subtle.icon-btn:not(.disabled):hover,
@@ -1937,7 +1933,7 @@ table {
background-image: -webkit-linear-gradient(#636363, #575757); background-image: -webkit-linear-gradient(#636363, #575757);
background-image: linear-gradient(#636363, #575757); background-image: linear-gradient(#636363, #575757);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn.very-subtle:not(.disabled):hover.btn-menu .invoke-menu, .btn.s-very-subtle:not(.disabled):hover.btn-menu .invoke-menu, .btn.very-subtle:not(.disabled):hover.btn-menu .invoke-menu, .btn.s-very-subtle:not(.disabled):hover.btn-menu .invoke-menu,
.s-btn.very-subtle:not(.disabled):hover.btn-menu .invoke-menu, .s-btn.very-subtle:not(.disabled):hover.btn-menu .invoke-menu,
.very-subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .very-subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
@@ -1946,7 +1942,7 @@ table {
.s-very-subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .s-very-subtle.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
.s-very-subtle.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu { .s-very-subtle.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu {
color: #878787; } color: #878787; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn.very-subtle.btn-menu .invoke-menu, .btn.s-very-subtle.btn-menu .invoke-menu, .btn.very-subtle.btn-menu .invoke-menu, .btn.s-very-subtle.btn-menu .invoke-menu,
.s-btn.very-subtle.btn-menu .invoke-menu, .s-btn.very-subtle.btn-menu .invoke-menu,
.very-subtle.btn-menu.icon-btn .invoke-menu, .very-subtle.btn-menu.icon-btn .invoke-menu,
@@ -1982,7 +1978,7 @@ table {
border-top: 1px solid #fe9510; border-top: 1px solid #fe9510;
color: #fff; color: #fff;
display: inline-block; } display: inline-block; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn.very-subtle.paused:not(.disabled):hover, .btn.s-very-subtle.paused:not(.disabled):hover, .btn.very-subtle.paused:not(.disabled):hover, .btn.s-very-subtle.paused:not(.disabled):hover,
.s-btn.very-subtle.paused:not(.disabled):hover, .s-btn.very-subtle.paused:not(.disabled):hover,
.very-subtle.paused.icon-btn:not(.disabled):hover, .very-subtle.paused.icon-btn:not(.disabled):hover,
@@ -1997,7 +1993,7 @@ table {
background-image: -webkit-linear-gradient(#fea029, #fe9510); background-image: -webkit-linear-gradient(#fea029, #fe9510);
background-image: linear-gradient(#fea029, #fe9510); background-image: linear-gradient(#fea029, #fe9510);
color: white; } color: white; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn.very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu, .btn.s-very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu, .btn.very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu, .btn.s-very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu,
.s-btn.very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu, .s-btn.very-subtle.paused:not(.disabled):hover.btn-menu .invoke-menu,
.very-subtle.paused.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .very-subtle.paused.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
@@ -2006,7 +2002,7 @@ table {
.s-very-subtle.paused.icon-btn:not(.disabled):hover.btn-menu .invoke-menu, .s-very-subtle.paused.icon-btn:not(.disabled):hover.btn-menu .invoke-menu,
.s-very-subtle.paused.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu { .s-very-subtle.paused.s-icon-btn:not(.disabled):hover.btn-menu .invoke-menu {
color: #fec070; } color: #fec070; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn.very-subtle.paused.btn-menu .invoke-menu, .btn.s-very-subtle.paused.btn-menu .invoke-menu, .btn.very-subtle.paused.btn-menu .invoke-menu, .btn.s-very-subtle.paused.btn-menu .invoke-menu,
.s-btn.very-subtle.paused.btn-menu .invoke-menu, .s-btn.very-subtle.paused.btn-menu .invoke-menu,
.very-subtle.paused.btn-menu.icon-btn .invoke-menu, .very-subtle.paused.btn-menu.icon-btn .invoke-menu,
@@ -2351,13 +2347,13 @@ label.checkbox.custom {
padding-left: 19px; padding-left: 19px;
position: relative; position: relative;
vertical-align: top; } vertical-align: top; }
/* line 205, ../sass/controls/_controls.scss */ /* line 204, ../sass/controls/_controls.scss */
label.checkbox.custom em { label.checkbox.custom em {
color: #999; color: #999;
display: inline-block; display: inline-block;
height: 14px; height: 14px;
min-width: 14px; } min-width: 14px; }
/* line 210, ../sass/controls/_controls.scss */ /* line 209, ../sass/controls/_controls.scss */
label.checkbox.custom em:before { label.checkbox.custom em:before {
-moz-border-radius: 1.5px; -moz-border-radius: 1.5px;
-webkit-border-radius: 1.5px; -webkit-border-radius: 1.5px;
@@ -2376,51 +2372,51 @@ label.checkbox.custom {
top: 0; top: 0;
position: absolute; position: absolute;
text-align: center; } text-align: center; }
/* line 228, ../sass/controls/_controls.scss */ /* line 227, ../sass/controls/_controls.scss */
label.checkbox.custom.no-text { label.checkbox.custom.no-text {
overflow: hidden; overflow: hidden;
margin-right: 0; margin-right: 0;
padding-left: 0; padding-left: 0;
height: 14px; height: 14px;
width: 14px; } width: 14px; }
/* line 234, ../sass/controls/_controls.scss */ /* line 233, ../sass/controls/_controls.scss */
label.checkbox.custom.no-text em { label.checkbox.custom.no-text em {
overflow: hidden; } overflow: hidden; }
/* line 238, ../sass/controls/_controls.scss */ /* line 237, ../sass/controls/_controls.scss */
label.checkbox.custom input { label.checkbox.custom input {
display: none; } display: none; }
/* line 240, ../sass/controls/_controls.scss */ /* line 239, ../sass/controls/_controls.scss */
label.checkbox.custom input:checked ~ em:before { label.checkbox.custom input:checked ~ em:before {
background: #0099cc; background: #0099cc;
color: #ccf2ff; color: #ccf2ff;
content: "2"; } content: "2"; }
/* line 248, ../sass/controls/_controls.scss */ /* line 247, ../sass/controls/_controls.scss */
.input-labeled { .input-labeled {
margin-left: 5px; } margin-left: 5px; }
/* line 250, ../sass/controls/_controls.scss */ /* line 249, ../sass/controls/_controls.scss */
.input-labeled label { .input-labeled label {
display: inline-block; display: inline-block;
margin-right: 3px; } margin-right: 3px; }
/* line 254, ../sass/controls/_controls.scss */ /* line 253, ../sass/controls/_controls.scss */
.input-labeled.inline { .input-labeled.inline {
display: inline-block; } display: inline-block; }
/* line 257, ../sass/controls/_controls.scss */ /* line 256, ../sass/controls/_controls.scss */
.input-labeled:first-child { .input-labeled:first-child {
margin-left: 0; } margin-left: 0; }
/* line 262, ../sass/controls/_controls.scss */ /* line 261, ../sass/controls/_controls.scss */
.btn-menu label.checkbox.custom { .btn-menu label.checkbox.custom {
margin-left: 5px; } margin-left: 5px; }
/* line 267, ../sass/controls/_controls.scss */ /* line 266, ../sass/controls/_controls.scss */
.item .checkbox.checked label { .item .checkbox.checked label {
-moz-box-shadow: none; -moz-box-shadow: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
border-bottom: none; } border-bottom: none; }
/* line 273, ../sass/controls/_controls.scss */ /* line 272, ../sass/controls/_controls.scss */
.btn-menu { .btn-menu {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2458,7 +2454,7 @@ label.checkbox.custom {
color: lighten($c, 10%); color: lighten($c, 10%);
} }
}*/ } }*/ }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.btn-menu:not(.disabled):hover { .btn-menu:not(.disabled):hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2467,37 +2463,37 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#636363, #575757); background-image: -webkit-linear-gradient(#636363, #575757);
background-image: linear-gradient(#636363, #575757); background-image: linear-gradient(#636363, #575757);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.btn-menu:not(.disabled):hover.btn-menu .invoke-menu { .btn-menu:not(.disabled):hover.btn-menu .invoke-menu {
color: #878787; } color: #878787; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.btn-menu.btn-menu .invoke-menu { .btn-menu.btn-menu .invoke-menu {
color: #757575; } color: #757575; }
/* line 285, ../sass/controls/_controls.scss */ /* line 284, ../sass/controls/_controls.scss */
.btn-menu:not(.disabled):hover { .btn-menu:not(.disabled):hover {
color: #cccccc; } color: #cccccc; }
/* line 310, ../sass/controls/_controls.scss */ /* line 309, ../sass/controls/_controls.scss */
.btn-menu .name { .btn-menu .name {
margin-left: 5px; } margin-left: 5px; }
/* line 313, ../sass/controls/_controls.scss */ /* line 312, ../sass/controls/_controls.scss */
.btn-menu .menu { .btn-menu .menu {
position: absolute; position: absolute;
left: 0; left: 0;
text-align: left; } text-align: left; }
/* line 318, ../sass/controls/_controls.scss */ /* line 317, ../sass/controls/_controls.scss */
.btn-menu .menu .ui-symbol.icon { .btn-menu .menu .ui-symbol.icon {
width: 12px; } width: 12px; }
/* line 324, ../sass/controls/_controls.scss */ /* line 323, ../sass/controls/_controls.scss */
.top-bar .btn-menu { .top-bar .btn-menu {
height: 25px; height: 25px;
line-height: 25px; line-height: 25px;
padding-right: 10px; } padding-right: 10px; }
/* line 332, ../sass/controls/_controls.scss */ /* line 331, ../sass/controls/_controls.scss */
.top-bar .btn-menu.browse-btn { .top-bar .btn-menu.browse-btn {
margin-right: 5px; margin-right: 5px;
padding-left: 25px; } padding-left: 25px; }
/* line 335, ../sass/controls/_controls.scss */ /* line 334, ../sass/controls/_controls.scss */
.top-bar .btn-menu.browse-btn .badge { .top-bar .btn-menu.browse-btn .badge {
-moz-border-radius: 4.5px; -moz-border-radius: 4.5px;
-webkit-border-radius: 4.5px; -webkit-border-radius: 4.5px;
@@ -2513,14 +2509,14 @@ label.checkbox.custom {
width: 15px; width: 15px;
height: auto; } height: auto; }
/* line 351, ../sass/controls/_controls.scss */ /* line 350, ../sass/controls/_controls.scss */
.context-available { .context-available {
color: #0099cc; } color: #0099cc; }
/* line 355, ../sass/controls/_controls.scss */ /* line 354, ../sass/controls/_controls.scss */
.context-available:hover { .context-available:hover {
color: deepskyblue; } color: deepskyblue; }
/* line 360, ../sass/controls/_controls.scss */ /* line 359, ../sass/controls/_controls.scss */
.view-switcher { .view-switcher {
-moz-transition-property: visibility, opacity, background-color, border-color; -moz-transition-property: visibility, opacity, background-color, border-color;
-o-transition-property: visibility, opacity, background-color, border-color; -o-transition-property: visibility, opacity, background-color, border-color;
@@ -2536,37 +2532,37 @@ label.checkbox.custom {
transition-timing-function: ease-in-out; } transition-timing-function: ease-in-out; }
/******************************************************** OBJECT-HEADER */ /******************************************************** OBJECT-HEADER */
/* line 365, ../sass/controls/_controls.scss */ /* line 364, ../sass/controls/_controls.scss */
.object-header { .object-header {
display: inline-block; display: inline-block;
font-size: 1em; } font-size: 1em; }
/* line 369, ../sass/controls/_controls.scss */ /* line 368, ../sass/controls/_controls.scss */
.object-header .label .title-label { .object-header .label .title-label {
color: white; } color: white; }
/* line 372, ../sass/controls/_controls.scss */ /* line 371, ../sass/controls/_controls.scss */
.object-header .label .type-icon { .object-header .label .type-icon {
font-size: 120%; font-size: 120%;
margin-right: 5px; margin-right: 5px;
vertical-align: middle; } vertical-align: middle; }
/* line 377, ../sass/controls/_controls.scss */ /* line 376, ../sass/controls/_controls.scss */
.object-header .label .context-available { .object-header .label .context-available {
opacity: 0; opacity: 0;
font-size: 0.8em; } font-size: 0.8em; }
/* line 382, ../sass/controls/_controls.scss */ /* line 381, ../sass/controls/_controls.scss */
.object-header .label:hover .context-available { .object-header .label:hover .context-available {
opacity: 1; } opacity: 1; }
/* line 391, ../sass/controls/_controls.scss */ /* line 390, ../sass/controls/_controls.scss */
.top-bar .object-header, .top-bar .object-header,
.object-browse-bar .object-header { .object-browse-bar .object-header {
font-size: 1.1em; } font-size: 1.1em; }
/* line 393, ../sass/controls/_controls.scss */ /* line 392, ../sass/controls/_controls.scss */
.top-bar .object-header span, .top-bar .object-header span,
.object-browse-bar .object-header span { .object-browse-bar .object-header span {
display: inline-block; } display: inline-block; }
/******************************************************** SLIDERS */ /******************************************************** SLIDERS */
/* line 405, ../sass/controls/_controls.scss */ /* line 404, ../sass/controls/_controls.scss */
.slider .slot { .slider .slot {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@@ -2587,7 +2583,7 @@ label.checkbox.custom {
right: 0; right: 0;
bottom: auto; bottom: auto;
left: 0; } left: 0; }
/* line 416, ../sass/controls/_controls.scss */ /* line 415, ../sass/controls/_controls.scss */
.slider .knob { .slider .knob {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQ1NDU0NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2616,7 +2612,7 @@ label.checkbox.custom {
auto: 0; auto: 0;
bottom: auto; bottom: auto;
left: auto; } left: auto; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../sass/_mixins.scss */
.slider .knob:not(.disabled):hover { .slider .knob:not(.disabled):hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2625,13 +2621,13 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#636363, #575757); background-image: -webkit-linear-gradient(#636363, #575757);
background-image: linear-gradient(#636363, #575757); background-image: linear-gradient(#636363, #575757);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.slider .knob:not(.disabled):hover.btn-menu .invoke-menu { .slider .knob:not(.disabled):hover.btn-menu .invoke-menu {
color: #878787; } color: #878787; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.slider .knob.btn-menu .invoke-menu { .slider .knob.btn-menu .invoke-menu {
color: #757575; } color: #757575; }
/* line 187, ../sass/_mixins.scss */ /* line 191, ../sass/_mixins.scss */
.slider .knob:before { .slider .knob:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";
@@ -2655,7 +2651,7 @@ label.checkbox.custom {
left: 2px; left: 2px;
bottom: 5px; bottom: 5px;
top: 5px; } top: 5px; }
/* line 209, ../sass/_mixins.scss */ /* line 213, ../sass/_mixins.scss */
.slider .knob:not(.disabled):hover:before { .slider .knob:not(.disabled):hover:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";
@@ -2670,12 +2666,12 @@ label.checkbox.custom {
-webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
border-color: #0099cc; } border-color: #0099cc; }
/* line 427, ../sass/controls/_controls.scss */ /* line 426, ../sass/controls/_controls.scss */
.slider .knob:before { .slider .knob:before {
top: 1px; top: 1px;
bottom: 3px; bottom: 3px;
left: 5px; } left: 5px; }
/* line 434, ../sass/controls/_controls.scss */ /* line 433, ../sass/controls/_controls.scss */
.slider .range { .slider .range {
background: rgba(0, 153, 204, 0.6); background: rgba(0, 153, 204, 0.6);
cursor: ew-resize; cursor: ew-resize;
@@ -2686,12 +2682,12 @@ label.checkbox.custom {
left: auto; left: auto;
height: auto; height: auto;
width: auto; } width: auto; }
/* line 444, ../sass/controls/_controls.scss */ /* line 443, ../sass/controls/_controls.scss */
.slider .range:hover { .slider .range:hover {
background: rgba(0, 153, 204, 0.7); } background: rgba(0, 153, 204, 0.7); }
/******************************************************** BROWSER ELEMENTS */ /******************************************************** BROWSER ELEMENTS */
/* line 452, ../sass/controls/_controls.scss */ /* line 451, ../sass/controls/_controls.scss */
::-webkit-scrollbar { ::-webkit-scrollbar {
-moz-border-radius: 2px; -moz-border-radius: 2px;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
@@ -2708,7 +2704,7 @@ label.checkbox.custom {
height: 10px; height: 10px;
width: 10px; } width: 10px; }
/* line 458, ../sass/controls/_controls.scss */ /* line 457, ../sass/controls/_controls.scss */
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2726,7 +2722,7 @@ label.checkbox.custom {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px;
border-top: 1px solid gray; } border-top: 1px solid gray; }
/* line 465, ../sass/controls/_controls.scss */ /* line 464, ../sass/controls/_controls.scss */
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczNzM3MyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -2735,7 +2731,7 @@ label.checkbox.custom {
background-image: -webkit-linear-gradient(#808080, #737373 20px); background-image: -webkit-linear-gradient(#808080, #737373 20px);
background-image: linear-gradient(#808080, #737373 20px); } background-image: linear-gradient(#808080, #737373 20px); }
/* line 470, ../sass/controls/_controls.scss */ /* line 469, ../sass/controls/_controls.scss */
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, 0.4); } background: rgba(0, 0, 0, 0.4); }
@@ -2827,14 +2823,14 @@ label.checkbox.custom {
padding: 3px 0; padding: 3px 0;
position: absolute; position: absolute;
z-index: 10; } z-index: 10; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.menu-element .menu.btn-menu .invoke-menu { .menu-element .menu.btn-menu .invoke-menu {
color: #828282; } color: #828282; }
/* line 37, ../sass/controls/_menus.scss */ /* line 37, ../sass/controls/_menus.scss */
.menu-element .menu ul { .menu-element .menu ul {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 309, ../sass/_mixins.scss */ /* line 314, ../sass/_mixins.scss */
.menu-element .menu ul li { .menu-element .menu ul li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -2885,7 +2881,7 @@ label.checkbox.custom {
border-top: 1px solid #919191; border-top: 1px solid #919191;
color: #999; color: #999;
display: inline-block; } display: inline-block; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.menu-element .context-menu.btn-menu .invoke-menu, .menu-element .context-menu.btn-menu .invoke-menu,
.menu-element .super-menu.btn-menu .invoke-menu { .menu-element .super-menu.btn-menu .invoke-menu {
color: #b0b0b0; } color: #b0b0b0; }
@@ -3711,7 +3707,7 @@ input[type="text"] {
color: #cccccc; color: #cccccc;
outline: none; outline: none;
padding: 0 3px; } padding: 0 3px; }
/* line 275, ../sass/_mixins.scss */ /* line 280, ../sass/_mixins.scss */
input[type="text"].error { input[type="text"].error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 29, ../sass/forms/_text-input.scss */ /* line 29, ../sass/forms/_text-input.scss */
@@ -3765,7 +3761,7 @@ input[type="text"] {
margin: 0 0 2px 2px; margin: 0 0 2px 2px;
overflow: hidden; overflow: hidden;
position: relative; } position: relative; }
/* line 163, ../sass/_mixins.scss */ /* line 167, ../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+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
@@ -3774,10 +3770,10 @@ input[type="text"] {
background-image: -webkit-linear-gradient(#636363, #575757); background-image: -webkit-linear-gradient(#636363, #575757);
background-image: linear-gradient(#636363, #575757); background-image: linear-gradient(#636363, #575757);
color: #bdbdbd; } color: #bdbdbd; }
/* line 166, ../sass/_mixins.scss */ /* line 170, ../sass/_mixins.scss */
.form-control.select:not(.disabled):hover.btn-menu .invoke-menu { .form-control.select:not(.disabled):hover.btn-menu .invoke-menu {
color: #878787; } color: #878787; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.form-control.select.btn-menu .invoke-menu { .form-control.select.btn-menu .invoke-menu {
color: #757575; } color: #757575; }
/* line 29, ../sass/forms/_selects.scss */ /* line 29, ../sass/forms/_selects.scss */
@@ -3856,7 +3852,7 @@ input[type="text"] {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
padding: 5px; } padding: 5px; }
/* line 275, ../sass/_mixins.scss */ /* line 280, ../sass/_mixins.scss */
.channel-selector .treeview.error { .channel-selector .treeview.error {
background: rgba(255, 0, 0, 0.5); } background: rgba(255, 0, 0, 0.5); }
/* line 36, ../sass/forms/_channel-selector.scss */ /* line 36, ../sass/forms/_channel-selector.scss */
@@ -3956,7 +3952,7 @@ input[type="text"] {
padding: 0 3px; padding: 0 3px;
background: #3b3b3b; background: #3b3b3b;
border-bottom: 1px solid #4d4d4d; } border-bottom: 1px solid #4d4d4d; }
/* line 275, ../sass/_mixins.scss */ /* line 280, ../sass/_mixins.scss */
.filter input.filter.error, .filter input.filter.error,
.filter input.t-filter-input.error, .filter input.t-filter-input.error,
.t-filter input.filter.error, .t-filter input.filter.error,
@@ -4394,7 +4390,7 @@ input[type="text"] {
bottom: 15%; bottom: 15%;
left: 15%; left: 15%;
z-index: 101; } z-index: 101; }
/* line 171, ../sass/_mixins.scss */ /* line 175, ../sass/_mixins.scss */
.overlay > .holder.btn-menu .invoke-menu { .overlay > .holder.btn-menu .invoke-menu {
color: #757575; } color: #757575; }
/* line 45, ../sass/overlay/_overlay.scss */ /* line 45, ../sass/overlay/_overlay.scss */
@@ -4919,7 +4915,7 @@ input[type="text"] {
right: 0; right: 0;
width: auto; width: auto;
height: 5px; } height: 5px; }
/* line 187, ../sass/_mixins.scss */ /* line 191, ../sass/_mixins.scss */
.split-layout.horizontal > .splitter:before { .split-layout.horizontal > .splitter:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";
@@ -4943,7 +4939,7 @@ input[type="text"] {
top: 2px; top: 2px;
left: 5px; left: 5px;
right: 5px; } right: 5px; }
/* line 209, ../sass/_mixins.scss */ /* line 213, ../sass/_mixins.scss */
.split-layout.horizontal > .splitter:not(.disabled):hover:before { .split-layout.horizontal > .splitter:not(.disabled):hover:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";
@@ -4973,7 +4969,7 @@ input[type="text"] {
bottom: 0; bottom: 0;
cursor: col-resize; cursor: col-resize;
width: 5px; } width: 5px; }
/* line 187, ../sass/_mixins.scss */ /* line 191, ../sass/_mixins.scss */
.split-layout.vertical > .splitter:before { .split-layout.vertical > .splitter:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";
@@ -4997,7 +4993,7 @@ input[type="text"] {
left: 2px; left: 2px;
bottom: 5px; bottom: 5px;
top: 5px; } top: 5px; }
/* line 209, ../sass/_mixins.scss */ /* line 213, ../sass/_mixins.scss */
.split-layout.vertical > .splitter:not(.disabled):hover:before { .split-layout.vertical > .splitter:not(.disabled):hover:before {
-moz-transition-property: "border-color"; -moz-transition-property: "border-color";
-o-transition-property: "border-color"; -o-transition-property: "border-color";

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

@@ -152,7 +152,7 @@
ul.tree { ul.tree {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 309, ../sass/_mixins.scss */ /* line 314, ../sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;
@@ -200,25 +200,23 @@ ul.tree {
left: 15px; } left: 15px; }
/* line 60, ../sass/tree/_tree.scss */ /* line 60, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .type-icon { ul.tree li span.tree-item .label .type-icon {
overflow: false;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px; text-shadow: rgba(0, 0, 0, 0.6) 0 1px 2px;
font-size: 16px;
color: #0099cc; color: #0099cc;
left: 5px; left: 5px;
position: absolute;
top: 4px !important;
bottom: auto;
height: 16px;
line-height: 100%;
right: auto; right: auto;
width: 1em; } width: 16px; }
/* line 68, ../sass/tree/_tree.scss */ /* line 73, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .type-icon .icon.l-icon-link, ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert { ul.tree li span.tree-item .label .type-icon .icon.l-icon-link, ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert {
text-shadow: black 0 1px 2px; text-shadow: black 0 1px 2px;
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 74, ../sass/tree/_tree.scss */ /* line 79, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert { ul.tree li span.tree-item .label .type-icon .icon.l-icon-alert {
color: #ff3c00; color: #ff3c00;
font-size: 8px; font-size: 8px;
@@ -227,7 +225,7 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 80, ../sass/tree/_tree.scss */ /* line 85, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .type-icon .icon.l-icon-link { ul.tree li span.tree-item .label .type-icon .icon.l-icon-link {
color: #49dedb; color: #49dedb;
font-size: 8px; font-size: 8px;
@@ -235,8 +233,8 @@ ul.tree {
height: 8px; height: 8px;
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 5px; } bottom: 0px; }
/* line 89, ../sass/tree/_tree.scss */ /* line 93, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .label .title-label { ul.tree li span.tree-item .label .title-label {
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
@@ -251,53 +249,53 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 100, ../sass/tree/_tree.scss */ /* line 104, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.loading { ul.tree li span.tree-item.loading {
pointer-events: none; } pointer-events: none; }
/* line 102, ../sass/tree/_tree.scss */ /* line 106, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.loading .label { ul.tree li span.tree-item.loading .label {
opacity: 0.5; } opacity: 0.5; }
/* line 104, ../sass/tree/_tree.scss */ /* line 108, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.loading .label .title-label { ul.tree li span.tree-item.loading .label .title-label {
font-style: italic; } font-style: italic; }
/* line 108, ../sass/tree/_tree.scss */ /* line 112, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.loading .wait-spinner { ul.tree li span.tree-item.loading .wait-spinner {
margin-left: 14px; } margin-left: 14px; }
/* line 113, ../sass/tree/_tree.scss */ /* line 117, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.selected { ul.tree li span.tree-item.selected {
background: #005177; background: #005177;
color: #fff; } color: #fff; }
/* line 117, ../sass/tree/_tree.scss */ /* line 121, ../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; }
/* line 120, ../sass/tree/_tree.scss */ /* line 124, ../sass/tree/_tree.scss */
ul.tree li span.tree-item.selected .label .type-icon { ul.tree li span.tree-item.selected .label .type-icon {
color: #fff; } color: #fff; }
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
/* line 128, ../sass/tree/_tree.scss */ /* line 132, ../sass/tree/_tree.scss */
ul.tree li span.tree-item:not(.selected):hover { ul.tree li span.tree-item:not(.selected):hover {
background: #404040; background: #404040;
color: #cccccc; } color: #cccccc; }
/* line 131, ../sass/tree/_tree.scss */ /* line 135, ../sass/tree/_tree.scss */
ul.tree li span.tree-item:not(.selected):hover .context-trigger { ul.tree li span.tree-item:not(.selected):hover .context-trigger {
display: block; } display: block; }
/* line 134, ../sass/tree/_tree.scss */ /* line 138, ../sass/tree/_tree.scss */
ul.tree li span.tree-item:not(.selected):hover .icon { ul.tree li span.tree-item:not(.selected):hover .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 141, ../sass/tree/_tree.scss */ /* line 145, ../sass/tree/_tree.scss */
ul.tree li span.tree-item:not(.loading) { ul.tree li span.tree-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 145, ../sass/tree/_tree.scss */ /* line 149, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .context-trigger { ul.tree li span.tree-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 151, ../sass/tree/_tree.scss */ /* line 155, ../sass/tree/_tree.scss */
ul.tree li span.tree-item .context-trigger .invoke-menu { ul.tree li span.tree-item .context-trigger .invoke-menu {
font-size: 0.75em; font-size: 0.75em;
height: 0.9rem; height: 0.9rem;
line-height: 0.9rem; } line-height: 0.9rem; }
/* line 160, ../sass/tree/_tree.scss */ /* line 164, ../sass/tree/_tree.scss */
ul.tree ul.tree { ul.tree ul.tree {
margin-left: 15px; } margin-left: 15px; }
@@ -327,7 +325,7 @@ ul.tree {
ul.tree { ul.tree {
margin: 0; margin: 0;
padding: 0; } padding: 0; }
/* line 309, ../sass/_mixins.scss */ /* line 314, ../sass/_mixins.scss */
ul.tree li { ul.tree li {
list-style-type: none; list-style-type: none;
margin: 0; margin: 0;

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

Binary file not shown.

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

@@ -83,6 +83,8 @@
<glyph unicode="&#xe604;" glyph-name="icon-tabular" d="M0 896v-192h448v256h-384c-35.2 0-64-28.8-64-64zM960 960h-384v-256h448v192c0 35.2-28.8 64-64 64zM576 576h448v-256h-448v256zM0 576h448v-256h-448v256zM0 0c0-35.2 28.8-64 64-64h384v256h-448v-192zM576-64h384c35.2 0 64 28.8 64 64v192h-448v-256z" /> <glyph unicode="&#xe604;" glyph-name="icon-tabular" d="M0 896v-192h448v256h-384c-35.2 0-64-28.8-64-64zM960 960h-384v-256h448v192c0 35.2-28.8 64-64 64zM576 576h448v-256h-448v256zM0 576h448v-256h-448v256zM0 0c0-35.2 28.8-64 64-64h384v256h-448v-192zM576-64h384c35.2 0 64 28.8 64 64v192h-448v-256z" />
<glyph unicode="&#xe605;" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" /> <glyph unicode="&#xe605;" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
<glyph unicode="&#xe606;" glyph-name="icon-paint-bucket" d="M896 320c0 0-130-188-128-256 2-70.6 57.4-128 128-128s126 57.4 128 128c2 68-128 256-128 256zM449 831l0.2 64.8c0 35.4-28.4 64-63.8 64.2 0 0-0.2 0-0.2 0-35.2 0-63.8-28.6-64-63.8l-0.6-190.8-294-292.6c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-447 447zM384 320c-70.6 0-128 57.4-128 128 0 47.4 25.8 89 64.4 111l-0.4-110.8c0-35.4 28.4-64 63.8-64.2 0 0 0.2 0 0.2 0 35.2 0 63.8 28.6 64 63.8l0.4 110.8c38-22.2 63.6-63.4 63.6-110.6 0-70.6-57.4-128-128-128z" /> <glyph unicode="&#xe606;" glyph-name="icon-paint-bucket" d="M896 320c0 0-130-188-128-256 2-70.6 57.4-128 128-128s126 57.4 128 128c2 68-128 256-128 256zM449 831l0.2 64.8c0 35.4-28.4 64-63.8 64.2 0 0-0.2 0-0.2 0-35.2 0-63.8-28.6-64-63.8l-0.6-190.8-294-292.6c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-447 447zM384 320c-70.6 0-128 57.4-128 128 0 47.4 25.8 89 64.4 111l-0.4-110.8c0-35.4 28.4-64 63.8-64.2 0 0 0.2 0 0.2 0 35.2 0 63.8 28.6 64 63.8l0.4 110.8c38-22.2 63.6-63.4 63.6-110.6 0-70.6-57.4-128-128-128z" />
<glyph unicode="&#xe607;" glyph-name="icon-x-in-circle-heavy" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
<glyph unicode="&#xe608;" glyph-name="icon-info" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 832c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 128h-384v128h128v128h-128v128h320v-256h64v-128z" />
<glyph unicode="&#xe60d;" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" /> <glyph unicode="&#xe60d;" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
<glyph unicode="&#xe642;" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" /> <glyph unicode="&#xe642;" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" />
</font></defs></svg> </font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 27 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.

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

@@ -147,6 +147,7 @@ $formLabelW: 20%;
$formInputH: 22px; $formInputH: 22px;
$formRowCtrlsH: 14px; $formRowCtrlsH: 14px;
$menuLineH: 1.5rem; $menuLineH: 1.5rem;
$menuLineHPx: 24px;
$scrollbarTrackSize: 10px; $scrollbarTrackSize: 10px;
$scrollbarTrackColorBg: rgba(#000, 0.4); $scrollbarTrackColorBg: rgba(#000, 0.4);
$btnStdH: 25px; $btnStdH: 25px;

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

@@ -45,7 +45,7 @@
} }
} }
.bar .icon { .bar .ui-symbol {
display: inline-block; display: inline-block;
} }
@@ -65,9 +65,9 @@
position: absolute; position: absolute;
} }
.tree-item .type-icon { //.tree-item .type-icon {
font-size: 16px; // 16px is crisp size // font-size: 16px; // 16px is crisp size
} //}
.l-icon-link:before { .l-icon-link:before {
content: "\f4"; content: "\f4";

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

@@ -23,8 +23,12 @@
@mixin absPosDefault($offset: 0px, $overflowHidden: hidden) { @mixin absPosDefault($offset: 0px, $overflowHidden: hidden) {
overflow: $overflowHidden; overflow: $overflowHidden;
position: absolute; position: absolute;
top: $offset; right: $offset; bottom: $offset; left: $offset; top: $offset;
width: auto; height: auto; right: $offset;
bottom: $offset;
left: $offset;
width: auto;
height: auto;
} }
@mixin ancillaryIcon($d, $c) { @mixin ancillaryIcon($d, $c) {
@@ -185,7 +189,7 @@
@mixin controlGrippy($b, $direction: horizontal, $w: 1px, $style: dotted) { @mixin controlGrippy($b, $direction: horizontal, $w: 1px, $style: dotted) {
&:before { &:before {
@include trans-prop-nice("border-color",0.75s); @include trans-prop-nice("border-color", 0.75s);
content: ''; content: '';
display: block; display: block;
height: auto; height: auto;
@@ -207,7 +211,7 @@
} }
} }
&:not(.disabled):hover:before { &:not(.disabled):hover:before {
@include trans-prop-nice("border-color",50ms); @include trans-prop-nice("border-color", 50ms);
border-color: $colorKey; border-color: $colorKey;
} }
} }
@@ -220,7 +224,7 @@
// No longer should be used; use btnSubtle instead // No longer should be used; use btnSubtle instead
//@include containerSubtle($bg, $fg, true); //@include containerSubtle($bg, $fg, true);
//@include background-image(linear-gradient(lighten($bg, 20%), $bg)); //@include background-image(linear-gradient(lighten($bg, 20%), $bg));
/* &:not(.disabled):hover { /* &:not(.disabled):hover {
@include background-image(linear-gradient(lighten($bg, 30%), lighten($bg, 10%))); @include background-image(linear-gradient(lighten($bg, 30%), lighten($bg, 10%)));
}*/ }*/
} }
@@ -246,16 +250,17 @@
} }
@mixin linearGlow($deg: 0, $c: red, $a: 0.4) { @mixin linearGlow($deg: 0, $c: red, $a: 0.4) {
@include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%)); @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) { @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%)); @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);
} }
@mixin txtShdwLarge($sVal: 0.7) { @mixin txtShdwLarge($sVal: 0.7) {
@include text-shadow(rgba(black, $sVal) 0 3px 7px); @include text-shadow(rgba(black, $sVal) 0 3px 7px);
} }
@@ -308,20 +313,26 @@
padding: 0; padding: 0;
li { li {
list-style-type: none; list-style-type: none;
margin:0; margin: 0;
padding: 0; padding: 0;
} }
} }
@mixin vertical-align { @mixin verticalCenter {
/* This doesn't work on an element inside an element with absolute positioning that has height: auto */ /* This doesn't work on an element inside an element with absolute positioning that has height: auto */
position: relative; //position: relative;
top: 50%; top: 50%;
-webkit-transform: translateY(-50%); -webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); -ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
} }
@mixin verticalCenterBlock($holderH, $itemH) {
top: floor(($holderH - $itemH) / 2) !important;
bottom: auto;
height: $itemH;
}
@mixin ellipsize() { @mixin ellipsize() {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

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

@@ -194,7 +194,6 @@
label.checkbox.custom { label.checkbox.custom {
$bg: lighten($colorBodyBg, $ltGamma); $bg: lighten($colorBodyBg, $ltGamma);
$d: $formRowCtrlsH; $d: $formRowCtrlsH;
// @include vertical-align();
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
line-height: $d; line-height: $d;

24
platform/commonUI/general/res/sass/items/_item.scss
View File

@@ -44,7 +44,7 @@
position: relative; position: relative;
&:hover .item-main { &:hover .item-main {
.item-type { .item-type {
color: $colorKey !important; color: lighten($colorKey, 10%) !important;
.l-icon-link { .l-icon-link {
color: $colorIconLink; color: $colorIconLink;
} }
@@ -55,13 +55,16 @@
} }
} }
.contents { .contents {
top: $interiorMargin; right: $interiorMargin; bottom: $interiorMargin; left: $interiorMargin; //@include test(red);
$m: $interiorMarginLg;
top: $m; right: $m; bottom: $m; left: $m;
} }
.bar { .bar {
&.top-bar.abs { &.top-bar.abs {
bottom: auto; bottom: auto;
height: $ueBrowseGridItemTopBarH; height: $ueBrowseGridItemTopBarH;
line-height: $ueBrowseGridItemTopBarH; line-height: $ueBrowseGridItemTopBarH;
text-align: right;
z-index: 5; z-index: 5;
.left, .right { .left, .right {
width: auto; width: auto;
@@ -76,7 +79,6 @@
&.bottom-bar.abs { &.bottom-bar.abs {
top: auto; top: auto;
height: $ueBrowseGridItemBottomBarH; height: $ueBrowseGridItemBottomBarH;
padding: $interiorMargin;
} }
} }
.item-main { .item-main {
@@ -89,7 +91,7 @@
//@include trans-prop-nice("color", $transTime); //@include trans-prop-nice("color", $transTime);
@include absPosDefault($iconMargin, false); @include absPosDefault($iconMargin, false);
//@include test(red); //@include test(red);
color: $colorItemFg; //color: $colorItemFg;
text-align: center; text-align: center;
font-size: $iconD * 0.95; //6em; font-size: $iconD * 0.95; //6em;
line-height: $iconD; line-height: $iconD;
@@ -99,11 +101,12 @@
//line-height: $lh; //line-height: $lh;
.l-icon-link { .l-icon-link {
// When the link icon is in the item-type icon holder // When the link icon is in the item-type icon holder
color: darken($colorIconLink, 25%); //color: darken($colorIconLink, 25%);
height: 36px; color: $colorIconLink;
line-height: 36px; height: auto;
line-height: 100%;
position: absolute; position: absolute;
font-size: 32px; font-size: 0.3em;
left: 0px; left: 0px;
bottom: 10px; bottom: 10px;
z-index: 2; z-index: 2;
@@ -123,11 +126,8 @@
} }
.title { .title {
@include txtShdwSubtle(); @include txtShdwSubtle();
@include ellipsize();
color: lighten($colorBodyFg, 20%); color: lighten($colorBodyFg, 20%);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
// font-weight: bold;
} }
.details { .details {
font-size: 0.8em; font-size: 0.8em;

12
platform/commonUI/general/res/sass/tree/_tree.scss
View File

@@ -58,11 +58,16 @@ ul.tree {
left: $runningItemW; left: $runningItemW;
.type-icon { .type-icon {
@include absPosDefault(0, false); //@include absPosDefault(0, false);
$d: 16px; // 16px is crisp size
@include txtShdwSubtle(0.6); @include txtShdwSubtle(0.6);
font-size: $d;
color: $colorItemTreeIcon; color: $colorItemTreeIcon;
left: $interiorMargin; left: $interiorMargin;
right: auto; width: 1em; position: absolute;
@include verticalCenterBlock($menuLineHPx, $d);
line-height: 100%;
right: auto; width: $d;
.icon { .icon {
&.l-icon-link, &.l-icon-link,
@@ -81,8 +86,7 @@ ul.tree {
$d: 8px; $d: 8px;
@include ancillaryIcon($d, $colorIconLink); @include ancillaryIcon($d, $colorIconLink);
left: -3px; left: -3px;
bottom: 5px; bottom: 0px;
} }
} }
} }