ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-01 16:58:04 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Frontend] Manual re-do of collapse/expand panes

Browse Source 
open #90
Renamed BrowseTreeController to PaneController;
Ensuring mobile functionality parity;
This commit is contained in:
Charles Hacskaylo 2015-10-22 13:33:43 -07:00
parent 3080861764
commit b98c1cdfe8
11 changed files with 247 additions and 275 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/commonUI/browse/bundle.json
View File

@ -26,8 +26,8 @@
] ]
}, },
{ {
"key": "BrowseTreeController", "key": "PaneController",
"implementation": "BrowseTreeController.js", "implementation": "PaneController.js",
"priority": "preferred", "priority": "preferred",
"depends": [ "$scope", "agentService" ] "depends": [ "$scope", "agentService" ]
}, },

10
platform/commonUI/browse/res/templates/browse.html
View File

@ -23,8 +23,8 @@
<div class="abs holder-all browse-mode" ng-controller="BrowseController"> <div class="abs holder-all browse-mode" ng-controller="BrowseController">
<mct-include key="'topbar-browse'"></mct-include> <mct-include key="'topbar-browse'"></mct-include>
<div class="holder browse-area s-browse-area abs browse-wrapper" <div class="holder browse-area s-browse-area abs browse-wrapper"
ng-controller="BrowseTreeController as tree" ng-controller="PaneController as treePane"
ng-class="tree.visible() ? 'browse-showtree' : 'browse-hidetree'"> ng-class="treePane.visible() ? 'browse-showtree' : 'browse-hidetree'">
<mct-split-pane class='contents abs' anchor='left'> <mct-split-pane class='contents abs' anchor='left'>
<div class='split-pane-component treeview pane left'> <div class='split-pane-component treeview pane left'>
<div class="holder abs l-mobile"> <div class="holder abs l-mobile">
@ -58,9 +58,9 @@
key="'browse-object'"> key="'browse-object'">
</mct-representation> </mct-representation>
</div> </div>
<div class="key-properties ui-symbol icon mobile-menu-icon desktop-hide" <a class="ui-symbol icon mobile-menu-icon"
mct-device="mobile" style="position: absolute; z-index: 1000"
ng-click="tree.toggle()">m</div> ng-click="treePane.toggle()">m</a>
</div> </div>
</mct-split-pane> </mct-split-pane>
</div> </div>

2
platform/commonUI/browse/res/templates/browse/object-header.html
View File

@ -19,7 +19,7 @@
this source code distribution or the Licensing information page available this source code distribution or the Licensing information page available
at runtime from the About dialog for additional information. at runtime from the About dialog for additional information.
--> -->
<div class='object-header object-header-mobile'> <div class='object-header'>
<span class='type-icon ui-symbol'>{{type.getGlyph()}}</span> <span class='type-icon ui-symbol'>{{type.getGlyph()}}</span>
<!--span class='type-name mobile-important-hide'>{{type.getName()}}</span--> <!--span class='type-name mobile-important-hide'>{{type.getName()}}</span-->
<span class="l-elem-wrapper l-flex"> <span class="l-elem-wrapper l-flex">

5
platform/commonUI/browse/src/BrowseController.js
View File

@ -154,6 +154,11 @@ define(
navigationService.removeListener(setNavigation); navigationService.removeListener(setNavigation);
}); });
// Models for panes
$scope.paneModelTree = {};
$scope.paneModelInspect = {};
} }
return BrowseController; return BrowseController;

1
platform/commonUI/browse/src/BrowseTreeController.js → platform/commonUI/browse/src/PaneController.js
View File

@ -63,6 +63,7 @@ define(
*/ */
BrowseTreeController.prototype.toggle = function () { BrowseTreeController.prototype.toggle = function () {
this.state = !this.state; this.state = !this.state;
console.log('tree toggled: ' + this.state);
}; };
/** /**

8
platform/commonUI/browse/test/BrowseTreeControllerSpec.js → platform/commonUI/browse/test/PaneControllerSpec.js
View File

@ -22,11 +22,11 @@
/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/ /*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
define( define(
["../src/BrowseTreeController"], ["../src/PaneController"],
function (BrowseTreeController) { function (PaneController) {
'use strict'; 'use strict';
describe("The BrowseTreeController", function () { describe("The PaneController", function () {
var mockScope, var mockScope,
mockAgentService, mockAgentService,
mockDomainObjects, mockDomainObjects,
@ -35,7 +35,7 @@ define(
// We want to reinstantiate for each test case // We want to reinstantiate for each test case
// because device state can influence constructor-time behavior // because device state can influence constructor-time behavior
function instantiateController() { function instantiateController() {
return new BrowseTreeController( return new PaneController(
mockScope, mockScope,
mockAgentService mockAgentService
); );

2
platform/commonUI/browse/test/suite.json
View File

@ -1,7 +1,7 @@
[ [
"BrowseController", "BrowseController",
"BrowseObjectController", "BrowseObjectController",
"BrowseTreeController", "PaneController",
"MenuArrowController", "MenuArrowController",
"creation/CreateAction", "creation/CreateAction",
"creation/CreateActionProvider", "creation/CreateActionProvider",

22
platform/commonUI/general/res/sass/mobile/_layout.scss
View File

@ -55,25 +55,19 @@
left: $bodyMargin !important; left: $bodyMargin !important;
} }
// When the tree is hidden, these are the
// When the tree is hidden, these are the
// classes used for the left menu and the // classes used for the left menu and the
// right representation. // right representation.
.browse-hidetree { .browse-hidetree {
@include user-select(none);
// Sets the left tree menu when the tree // Sets the left tree menu when the tree
// is hidden. // is hidden.
.pane.left.treeview { .pane.left.treeview {
opacity: 0;
right: 100% !important; right: 100% !important;
width: auto !important; width: auto !important;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
} }
// Sets the right represenation when
// the tree is hidden.
.pane.right-repr {
left: 0 !important;
}
} }
.browse-showtree { .browse-showtree {
@ -82,14 +76,14 @@
// causing cut/copy/paste menu to // causing cut/copy/paste menu to
// not appear. Should me moved in // not appear. Should me moved in
// future to properly work // future to properly work
@include user-select(none); //@include user-select(none);
// Sets the left tree menu when the tree is shown. // Sets the left tree menu when the tree is shown.
.pane.left.treeview { .pane.left.treeview {
@include trans-prop-nice(opacity, .4s); //@include trans-prop-nice(opacity, .4s);
@include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%)); @include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%));
opacity: 1; //opacity: 1;
display: block !important; //display: block !important;
//width: auto !important; // CH CO //width: auto !important; // CH CO
right: auto !important; right: auto !important;
width: $proporMenuWithView !important; width: $proporMenuWithView !important;
@ -97,10 +91,6 @@
// Sets the right representation when the tree is shown. // Sets the right representation when the tree is shown.
.pane.right-repr { .pane.right-repr {
left: $proporMenuWithView !important; left: $proporMenuWithView !important;
//width: auto !important;
//left: 0 !important;
//transform: translateX($proporMenuWithView);
} }
} }

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

@ -344,3 +344,53 @@
padding-right: $interiorMarginLg; padding-right: $interiorMarginLg;
} }
} }
// MOVED from mobile/_layout.scss
// When the tree is hidden, these are the
// classes used for the left menu and the
// right representation.
.browse-hidetree {
@include user-select(none);
// Sets the left tree menu when the tree
// is hidden.
.pane.left.treeview {
opacity: 0;
//right: 100% !important;
//width: auto !important;
//overflow-y: hidden;
//overflow-x: hidden;
}
// Sets the right represenation when
// the tree is hidden.
.pane.right-repr {
left: 0 !important;
}
}
.browse-showtree {
// NOTE: DISABLED SELECTION
// Selection disabled in both panes
// causing cut/copy/paste menu to
// not appear. Should me moved in
// future to properly work
//@include user-select(none);
// Sets the left tree menu when the tree is shown.
.pane.left.treeview {
@include trans-prop-nice(opacity, .4s);
//@include background-image(linear-gradient(90deg, rgba(black, 0) 98%, rgba(black, 0.3) 100%));
opacity: 1;
//display: block !important;
//width: auto !important; // CH CO
//right: auto;
//width: $proporMenuWithView;
}
// Sets the right representation when the tree is shown.
.pane.right-repr {
//left: $proporMenuWithView;
//width: auto !important;
//left: 0 !important;
//transform: translateX($proporMenuWithView);
}
}

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -3651,6 +3651,35 @@ span.req {
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview {
opacity: 0; }
/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr {
left: 0 !important; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
opacity: 1; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -3720,93 +3749,63 @@ span.req {
bottom: 10px !important; bottom: 10px !important;
left: 10px !important; } left: 10px !important; }
/* line 61, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 65, ../../../../general/res/sass/mobile/_layout.scss */ /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.left.treeview { .browse-hidetree .pane.left.treeview {
opacity: 0;
right: 100% !important; right: 100% !important;
width: auto !important; width: auto !important;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; } overflow-x: hidden; }
/* line 74, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.right-repr {
left: 0 !important; }
/* line 79, ../../../../general/res/sass/mobile/_layout.scss */ /* line 82, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
opacity: 1;
display: block !important;
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 98, ../../../../general/res/sass/mobile/_layout.scss */ /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 40% !important; } left: 40% !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-menu-icon { .mobile-menu-icon {
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 114, ../../../../general/res/sass/mobile/_layout.scss */ /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 117, ../../../../general/res/sass/mobile/_layout.scss */ /* line 107, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 120, ../../../../general/res/sass/mobile/_layout.scss */ /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 122, ../../../../general/res/sass/mobile/_layout.scss */ /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 129, ../../../../general/res/sass/mobile/_layout.scss */ /* line 119, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */ /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 143, ../../../../general/res/sass/mobile/_layout.scss */ /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3823,7 +3822,7 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 148, ../../../../general/res/sass/mobile/_layout.scss */ /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3840,19 +3839,19 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 157, ../../../../general/res/sass/mobile/_layout.scss */ /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 0 !important; left: 0 !important;
transform: translateX(90%); transform: translateX(90%);
-webkit-transform: translateX(90%); } -webkit-transform: translateX(90%); }
/* line 163, ../../../../general/res/sass/mobile/_layout.scss */ /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area { .browse-showtree .pane.right-repr #content-area {
opacity: 0; } } opacity: 0; } }
@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 171, ../../../../general/res/sass/mobile/_layout.scss */ /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************
@ -4142,32 +4141,10 @@ span.req {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
position: relative; } position: relative; }
/* line 228, ../../../../general/res/sass/search/_search.scss */ /* line 226, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon { .search .search-scroll .load-icon {
position: relative; position: relative; }
/* &.loading { /* line 230, ../../../../general/res/sass/search/_search.scss */
pointer-events: none;
margin-left: $leftMargin;
.title-label {
// Text styling
font-style: italic;
font-size: .9em;
opacity: 0.5;
// Text positioning
margin-left: $iconWidth + $leftMargin;
line-height: 24px;
}
.wait-spinner {
margin-left: $leftMargin;
}
}
&:not(.loading) {
cursor: pointer;
}*/ }
/* line 255, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-more-button { .search .search-scroll .load-more-button {
margin-top: 5px 0; margin-top: 5px 0;
font-size: 0.8em; font-size: 0.8em;
@ -4438,21 +4415,7 @@ ul.tree {
height: 1.5rem; height: 1.5rem;
line-height: 1.5rem; line-height: 1.5rem;
margin-bottom: 3px; margin-bottom: 3px;
position: relative; position: relative; }
/*
&.loading {
pointer-events: none;
.label {
opacity: 0.5;
.title-label {
font-style: italic;
}
}
.wait-spinner {
margin-left: 14px;
}
}
*/ }
/* line 48, ../../../../general/res/sass/tree/_tree.scss */ /* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control, .tree-item .view-control,
.search-result-item .view-control { .search-result-item .view-control {
@ -4499,7 +4462,7 @@ ul.tree {
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 89, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
color: #ff3c00; color: #ff3c00;
@ -4509,7 +4472,7 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 96, ../../../../general/res/sass/tree/_tree.scss */ /* line 95, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-link { .search-result-item .label .type-icon .icon.l-icon-link {
color: #49dedb; color: #49dedb;
@ -4519,7 +4482,7 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 104, ../../../../general/res/sass/tree/_tree.scss */ /* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.search-result-item .label .title-label { .search-result-item .label .title-label {
overflow: hidden; overflow: hidden;
@ -4535,47 +4498,47 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 130, ../../../../general/res/sass/tree/_tree.scss */ /* line 113, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #006080; background: #006080;
color: #cccccc; } color: #cccccc; }
/* line 133, ../../../../general/res/sass/tree/_tree.scss */ /* line 116, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); } color: rgba(255, 255, 255, 0.3); }
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 119, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .label .type-icon {
color: #cccccc; } color: #cccccc; }
@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 144, ../../../../general/res/sass/tree/_tree.scss */ /* line 127, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(153, 153, 153, 0.1); background: rgba(153, 153, 153, 0.1);
color: #cccccc; } color: #cccccc; }
/* line 150, ../../../../general/res/sass/tree/_tree.scss */ /* line 130, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .icon { .search-result-item:not(.selected):hover .icon {
color: #33ccff; } } color: #33ccff; } }
/* line 157, ../../../../general/res/sass/tree/_tree.scss */ /* line 137, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 161, ../../../../general/res/sass/tree/_tree.scss */ /* line 141, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 167, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-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 176, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label { .tree-item .label {
left: 15px; } left: 15px; }

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

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available * this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information. * at runtime from the About dialog for additional information.
*****************************************************************************/ *****************************************************************************/
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%; font-size: 100%;
vertical-align: baseline; } vertical-align: baseline; }
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html { html {
line-height: 1; } line-height: 1; }
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul { ol, ul {
list-style: none; } list-style: none; }
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td { caption, th, td {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
vertical-align: middle; } vertical-align: middle; }
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote { q, blockquote {
quotes: none; } quotes: none; }
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after { q:before, q:after, blockquote:before, blockquote:after {
content: ""; content: "";
content: none; } content: none; }
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img { a img {
border: none; } border: none; }
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ /* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; } display: block; }
@ -3598,6 +3598,35 @@ span.req {
-webkit-flex: 1 1 0; -webkit-flex: 1 1 0;
padding-right: 10px; } padding-right: 10px; }
/* line 352, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 356, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.left.treeview {
opacity: 0; }
/* line 365, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-hidetree .pane.right-repr {
left: 0 !important; }
/* line 379, ../../../../general/res/sass/user-environ/_layout.scss */
.browse-showtree .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
opacity: 1; }
/***************************************************************************** /*****************************************************************************
* Open MCT Web, Copyright (c) 2014-2015, United States Government * Open MCT Web, Copyright (c) 2014-2015, United States Government
* as represented by the Administrator of the National Aeronautics and Space * as represented by the Administrator of the National Aeronautics and Space
@ -3667,93 +3696,63 @@ span.req {
bottom: 10px !important; bottom: 10px !important;
left: 10px !important; } left: 10px !important; }
/* line 61, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 65, ../../../../general/res/sass/mobile/_layout.scss */ /* line 65, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.left.treeview { .browse-hidetree .pane.left.treeview {
opacity: 0;
right: 100% !important; right: 100% !important;
width: auto !important; width: auto !important;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; } overflow-x: hidden; }
/* line 74, ../../../../general/res/sass/mobile/_layout.scss */
.browse-hidetree .pane.right-repr {
left: 0 !important; }
/* line 79, ../../../../general/res/sass/mobile/_layout.scss */ /* line 82, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree {
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none; }
/* line 88, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
-moz-transition-property: opacity;
-o-transition-property: opacity;
-webkit-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-moz-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%; background-size: 100%;
background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 98%, rgba(0, 0, 0, 0.3) 100%);
opacity: 1;
display: block !important;
right: auto !important; right: auto !important;
width: 40% !important; } width: 40% !important; }
/* line 98, ../../../../general/res/sass/mobile/_layout.scss */ /* line 92, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 40% !important; } left: 40% !important; }
/* line 107, ../../../../general/res/sass/mobile/_layout.scss */ /* line 97, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-menu-icon { .mobile-menu-icon {
font-size: 110%; font-size: 110%;
position: absolute; position: absolute;
top: 12px; top: 12px;
left: 10px; } left: 10px; }
/* line 114, ../../../../general/res/sass/mobile/_layout.scss */ /* line 104, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar { .object-browse-bar {
left: 30px !important; } left: 30px !important; }
/* line 117, ../../../../general/res/sass/mobile/_layout.scss */ /* line 107, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .context-available { .object-browse-bar .context-available {
opacity: 1 !important; } opacity: 1 !important; }
/* line 120, ../../../../general/res/sass/mobile/_layout.scss */ /* line 110, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher { .object-browse-bar .view-switcher {
margin-right: 0 !important; } margin-right: 0 !important; }
/* line 122, ../../../../general/res/sass/mobile/_layout.scss */ /* line 112, ../../../../general/res/sass/mobile/_layout.scss */
.object-browse-bar .view-switcher .title-label { .object-browse-bar .view-switcher .title-label {
display: none; } display: none; }
/* line 129, ../../../../general/res/sass/mobile/_layout.scss */ /* line 119, ../../../../general/res/sass/mobile/_layout.scss */
.tree-holder { .tree-holder {
overflow-x: hidden !important; } overflow-x: hidden !important; }
/* line 133, ../../../../general/res/sass/mobile/_layout.scss */ /* line 123, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-disable-select { .mobile-disable-select {
-moz-user-select: -moz-none; -moz-user-select: -moz-none;
-ms-user-select: none; -ms-user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; } user-select: none; }
/* line 138, ../../../../general/res/sass/mobile/_layout.scss */ /* line 128, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-hide, .mobile-hide,
.mobile-hide-important { .mobile-hide-important {
display: none !important; } display: none !important; }
/* line 143, ../../../../general/res/sass/mobile/_layout.scss */ /* line 133, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-hide { .mobile-back-hide {
pointer-events: none; pointer-events: none;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3770,7 +3769,7 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 0; } opacity: 0; }
/* line 148, ../../../../general/res/sass/mobile/_layout.scss */ /* line 138, ../../../../general/res/sass/mobile/_layout.scss */
.mobile-back-unhide { .mobile-back-unhide {
pointer-events: all; pointer-events: all;
-moz-transition-property: opacity; -moz-transition-property: opacity;
@ -3787,19 +3786,19 @@ span.req {
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
opacity: 1; } } opacity: 1; } }
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) { @media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
/* line 157, ../../../../general/res/sass/mobile/_layout.scss */ /* line 147, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.left.treeview { .browse-showtree .pane.left.treeview {
width: 90% !important; } width: 90% !important; }
/* line 160, ../../../../general/res/sass/mobile/_layout.scss */ /* line 150, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr { .browse-showtree .pane.right-repr {
left: 0 !important; left: 0 !important;
transform: translateX(90%); transform: translateX(90%);
-webkit-transform: translateX(90%); } -webkit-transform: translateX(90%); }
/* line 163, ../../../../general/res/sass/mobile/_layout.scss */ /* line 153, ../../../../general/res/sass/mobile/_layout.scss */
.browse-showtree .pane.right-repr #content-area { .browse-showtree .pane.right-repr #content-area {
opacity: 0; } } opacity: 0; } }
@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 171, ../../../../general/res/sass/mobile/_layout.scss */ /* line 161, ../../../../general/res/sass/mobile/_layout.scss */
.desktop-hide { .desktop-hide {
display: none; } } display: none; } }
/***************************************************************************** /*****************************************************************************
@ -4089,32 +4088,10 @@ span.req {
height: auto; height: auto;
max-height: 100%; max-height: 100%;
position: relative; } position: relative; }
/* line 228, ../../../../general/res/sass/search/_search.scss */ /* line 226, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-icon { .search .search-scroll .load-icon {
position: relative; position: relative; }
/* &.loading { /* line 230, ../../../../general/res/sass/search/_search.scss */
pointer-events: none;
margin-left: $leftMargin;
.title-label {
// Text styling
font-style: italic;
font-size: .9em;
opacity: 0.5;
// Text positioning
margin-left: $iconWidth + $leftMargin;
line-height: 24px;
}
.wait-spinner {
margin-left: $leftMargin;
}
}
&:not(.loading) {
cursor: pointer;
}*/ }
/* line 255, ../../../../general/res/sass/search/_search.scss */
.search .search-scroll .load-more-button { .search .search-scroll .load-more-button {
margin-top: 5px 0; margin-top: 5px 0;
font-size: 0.8em; font-size: 0.8em;
@ -4367,21 +4344,7 @@ ul.tree {
height: 1.5rem; height: 1.5rem;
line-height: 1.5rem; line-height: 1.5rem;
margin-bottom: 3px; margin-bottom: 3px;
position: relative; position: relative; }
/*
&.loading {
pointer-events: none;
.label {
opacity: 0.5;
.title-label {
font-style: italic;
}
}
.wait-spinner {
margin-left: 14px;
}
}
*/ }
/* line 48, ../../../../general/res/sass/tree/_tree.scss */ /* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control, .tree-item .view-control,
.search-result-item .view-control { .search-result-item .view-control {
@ -4427,7 +4390,7 @@ ul.tree {
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
position: absolute; position: absolute;
z-index: 2; } z-index: 2; }
/* line 90, ../../../../general/res/sass/tree/_tree.scss */ /* line 89, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-alert, .tree-item .label .type-icon .icon.l-icon-alert,
.search-result-item .label .type-icon .icon.l-icon-alert { .search-result-item .label .type-icon .icon.l-icon-alert {
color: #ff3c00; color: #ff3c00;
@ -4437,7 +4400,7 @@ ul.tree {
width: 8px; width: 8px;
top: 1px; top: 1px;
right: -2px; } right: -2px; }
/* line 96, ../../../../general/res/sass/tree/_tree.scss */ /* line 95, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .type-icon .icon.l-icon-link, .tree-item .label .type-icon .icon.l-icon-link,
.search-result-item .label .type-icon .icon.l-icon-link { .search-result-item .label .type-icon .icon.l-icon-link {
color: #49dedb; color: #49dedb;
@ -4447,7 +4410,7 @@ ul.tree {
width: 8px; width: 8px;
left: -3px; left: -3px;
bottom: 0px; } bottom: 0px; }
/* line 104, ../../../../general/res/sass/tree/_tree.scss */ /* line 103, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label .title-label, .tree-item .label .title-label,
.search-result-item .label .title-label { .search-result-item .label .title-label {
overflow: hidden; overflow: hidden;
@ -4463,47 +4426,47 @@ ul.tree {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; } white-space: nowrap; }
/* line 130, ../../../../general/res/sass/tree/_tree.scss */ /* line 113, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected, .tree-item.selected,
.search-result-item.selected { .search-result-item.selected {
background: #1ac6ff; background: #1ac6ff;
color: #fcfcfc; } color: #fcfcfc; }
/* line 133, ../../../../general/res/sass/tree/_tree.scss */ /* line 116, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: #fcfcfc; } color: #fcfcfc; }
/* line 136, ../../../../general/res/sass/tree/_tree.scss */ /* line 119, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .label .type-icon, .tree-item.selected .label .type-icon,
.search-result-item.selected .label .type-icon { .search-result-item.selected .label .type-icon {
color: #fcfcfc; } color: #fcfcfc; }
@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 144, ../../../../general/res/sass/tree/_tree.scss */ /* line 127, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover, .tree-item:not(.selected):hover,
.search-result-item:not(.selected):hover { .search-result-item:not(.selected):hover {
background: rgba(102, 102, 102, 0.1); background: rgba(102, 102, 102, 0.1);
color: #333333; } color: #333333; }
/* line 150, ../../../../general/res/sass/tree/_tree.scss */ /* line 130, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.selected):hover .icon, .tree-item:not(.selected):hover .icon,
.search-result-item:not(.selected):hover .icon { .search-result-item:not(.selected):hover .icon {
color: #0099cc; } } color: #0099cc; } }
/* line 157, ../../../../general/res/sass/tree/_tree.scss */ /* line 137, ../../../../general/res/sass/tree/_tree.scss */
.tree-item:not(.loading), .tree-item:not(.loading),
.search-result-item:not(.loading) { .search-result-item:not(.loading) {
cursor: pointer; } cursor: pointer; }
/* line 161, ../../../../general/res/sass/tree/_tree.scss */ /* line 141, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger, .tree-item .context-trigger,
.search-result-item .context-trigger { .search-result-item .context-trigger {
top: -1px; top: -1px;
position: absolute; position: absolute;
right: 3px; } right: 3px; }
/* line 167, ../../../../general/res/sass/tree/_tree.scss */ /* line 146, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .context-trigger .invoke-menu, .tree-item .context-trigger .invoke-menu,
.search-result-item .context-trigger .invoke-menu { .search-result-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 176, ../../../../general/res/sass/tree/_tree.scss */ /* line 155, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .label { .tree-item .label {
left: 15px; } left: 15px; }