mirror of
https://github.com/nasa/openmct.git
synced 2025-06-17 14:48:13 +00:00
[Mobile] Merge
Fix Conflicts.
This commit is contained in:
Shivam Dave
@ -23,6 +23,7 @@
|
|||||||
<html>
|
<html>
|
||||||
<head lang="en">
|
<head lang="en">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
<title></title>
|
<title></title>
|
||||||
<script type="text/javascript"
|
<script type="text/javascript"
|
||||||
src="platform/framework/lib/require.js"
|
src="platform/framework/lib/require.js"
|
||||||
|
|||||||
@ -37,6 +37,11 @@
|
|||||||
"key": "MenuArrowController",
|
"key": "MenuArrowController",
|
||||||
"implementation": "MenuArrowController",
|
"implementation": "MenuArrowController",
|
||||||
"depends": [ "$scope" ]
|
"depends": [ "$scope" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "BackArrowController",
|
||||||
|
"implementation": "BackArrowController",
|
||||||
|
"depends": ["$location", "$route", "$location", "urlService" ]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"controls": [
|
"controls": [
|
||||||
@ -82,6 +87,10 @@
|
|||||||
"templateUrl": "templates/menu-arrow.html",
|
"templateUrl": "templates/menu-arrow.html",
|
||||||
"uses": [ "action" ],
|
"uses": [ "action" ],
|
||||||
"gestures": [ "menu" ]
|
"gestures": [ "menu" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "back-arrow",
|
||||||
|
"templateUrl": "templates/back-arrow.html"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"services": [
|
"services": [
|
||||||
|
|||||||
@ -25,8 +25,8 @@
|
|||||||
<mct-representation key="'object-header'" mct-object="domainObject">
|
<mct-representation key="'object-header'" mct-object="domainObject">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- For now, on mobile the button bar is hidden-->
|
||||||
<div class="btn-bar right abs">
|
<div class="btn-bar right abs mobile-hide">
|
||||||
<mct-representation key="'action-group'"
|
<mct-representation key="'action-group'"
|
||||||
mct-object="domainObject"
|
mct-object="domainObject"
|
||||||
parameters="{ category: 'view-control' }">
|
parameters="{ category: 'view-control' }">
|
||||||
|
|||||||
@ -19,30 +19,33 @@
|
|||||||
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 content="jquery-wrapper" class="abs holder-all browse-mode">
|
|
||||||
|
<div content="jquery-wrapper" 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" ng-controller="BrowseController">
|
<div class="holder browse-area s-browse-area abs browse-wrapper" ng-class="treeClass ? 'browse-showtree' : 'browse-hidetree'">
|
||||||
<mct-split-pane class='contents abs' anchor='left'>
|
<mct-split-pane class='contents abs' anchor='left'>
|
||||||
<div
|
<div class='split-pane-component treeview pane mobile-pane left-menu desktop-browse'>
|
||||||
class='split-pane-component treeview pane left'
|
<div class='holder tree-holder abs mobile-tree-holder'>
|
||||||
>
|
|
||||||
<mct-representation key="'create-button'" mct-object="navigatedObject">
|
|
||||||
</mct-representation>
|
|
||||||
<div class='holder tree-holder abs'>
|
|
||||||
<mct-representation key="'tree'"
|
<mct-representation key="'tree'"
|
||||||
mct-object="domainObject"
|
mct-object="domainObject"
|
||||||
ng-model="treeModel">
|
ng-model="treeModel">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
</div>
|
</div>
|
||||||
|
<mct-representation key="'create-button'" mct-object="navigatedObject">
|
||||||
|
</mct-representation>
|
||||||
</div>
|
</div>
|
||||||
<mct-splitter></mct-splitter>
|
|
||||||
<div class='split-pane-component items pane'>
|
<mct-splitter class="mobile-hide"></mct-splitter>
|
||||||
|
<div class='split-pane-component items pane mobile-pane right-repr'>
|
||||||
<div class='holder abs' id='content-area'>
|
<div class='holder abs' id='content-area'>
|
||||||
<mct-representation mct-object="navigatedObject" key="'browse-object'">
|
<mct-representation mct-object="navigatedObject" key="'browse-object'">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="left s-very-subtle key-properties ui-symbol mobile-menu-icon button-pos"
|
||||||
|
ng-click="treeSlide()">m</div>
|
||||||
</div>
|
</div>
|
||||||
</mct-split-pane>
|
</mct-split-pane>
|
||||||
</div>
|
</div>
|
||||||
<mct-include key="'bottombar'"></mct-include>
|
<mct-include key="'bottombar'"></mct-include>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -19,8 +19,9 @@
|
|||||||
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'>
|
<div class='object-header object-header-mobile'>
|
||||||
<span class="label s-label">
|
<span class="label s-label">
|
||||||
|
<mct-representation key="'back-arrow'" mct-object='domainObject'></mct-representation>
|
||||||
<span class='type-icon icon ui-symbol'>{{type.getGlyph()}}</span>
|
<span class='type-icon icon ui-symbol'>{{type.getGlyph()}}</span>
|
||||||
<span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
|
<span ng-if="parameters.mode" class='action'>{{parameters.mode}}</span>
|
||||||
<span class='type-name'>{{type.getName()}}</span>
|
<span class='type-name'>{{type.getName()}}</span>
|
||||||
|
|||||||
@ -66,6 +66,28 @@ define(
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function backArr(domainObject) {
|
||||||
|
var priorRoute = $route.current,
|
||||||
|
// Act as if params HADN'T changed to avoid page reload
|
||||||
|
unlisten;
|
||||||
|
|
||||||
|
unlisten = $scope.$on('$locationChangeSuccess', function () {
|
||||||
|
// Checks path to make sure /browse/ is at front
|
||||||
|
// if so, change $route.current
|
||||||
|
if ($location.path().indexOf("/browse/") === 0) {
|
||||||
|
$route.current = priorRoute;
|
||||||
|
}
|
||||||
|
unlisten();
|
||||||
|
});
|
||||||
|
// urlService.urlForLocation used to adjust current
|
||||||
|
// path to new, addressed, path based on
|
||||||
|
// domainObject
|
||||||
|
|
||||||
|
|
||||||
|
var thing = urlService.urlForLocation("browse", domainObject);
|
||||||
|
$location.path(thing);
|
||||||
|
}
|
||||||
|
|
||||||
// Callback for updating the in-scope reference to the object
|
// Callback for updating the in-scope reference to the object
|
||||||
// that is currently navigated-to.
|
// that is currently navigated-to.
|
||||||
function setNavigation(domainObject) {
|
function setNavigation(domainObject) {
|
||||||
@ -141,6 +163,10 @@ define(
|
|||||||
selectedObject: navigationService.getNavigation()
|
selectedObject: navigationService.getNavigation()
|
||||||
};
|
};
|
||||||
|
|
||||||
|
$scope.treeSlide = function () {
|
||||||
|
$scope.treeClass = !$scope.treeClass;
|
||||||
|
};
|
||||||
|
|
||||||
// Listen for changes in navigation state.
|
// Listen for changes in navigation state.
|
||||||
navigationService.addListener(setNavigation);
|
navigationService.addListener(setNavigation);
|
||||||
|
|
||||||
@ -152,6 +178,8 @@ define(
|
|||||||
navigationService.removeListener(setNavigation);
|
navigationService.removeListener(setNavigation);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$scope.backArrow = backArr;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return BrowseController;
|
return BrowseController;
|
||||||
|
|||||||
@ -52,7 +52,7 @@ define(
|
|||||||
beforeEach(function () {
|
beforeEach(function () {
|
||||||
mockScope = jasmine.createSpyObj(
|
mockScope = jasmine.createSpyObj(
|
||||||
"$scope",
|
"$scope",
|
||||||
[ "$on", "$watch" ]
|
[ "$on", "$watch", "treeSlide" ]
|
||||||
);
|
);
|
||||||
mockRoute = { current: { params: {} } };
|
mockRoute = { current: { params: {} } };
|
||||||
mockLocation = jasmine.createSpyObj(
|
mockLocation = jasmine.createSpyObj(
|
||||||
@ -146,6 +146,13 @@ define(
|
|||||||
expect(mockScope.navigatedObject).toEqual(mockDomainObject);
|
expect(mockScope.navigatedObject).toEqual(mockDomainObject);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Mocks the tree slide call that
|
||||||
|
// lets the html code know if the
|
||||||
|
// tree menu is open.
|
||||||
|
it("calls the treeSlide function", function () {
|
||||||
|
mockScope.treeSlide();
|
||||||
|
});
|
||||||
|
|
||||||
it("releases its navigation listener when its scope is destroyed", function () {
|
it("releases its navigation listener when its scope is destroyed", function () {
|
||||||
expect(mockScope.$on).toHaveBeenCalledWith(
|
expect(mockScope.$on).toHaveBeenCalledWith(
|
||||||
"$destroy",
|
"$destroy",
|
||||||
|
|||||||
@ -8,6 +8,11 @@
|
|||||||
"key": "urlService",
|
"key": "urlService",
|
||||||
"implementation": "/services/UrlService.js",
|
"implementation": "/services/UrlService.js",
|
||||||
"depends": [ "$location" ]
|
"depends": [ "$location" ]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "queryService",
|
||||||
|
"implementation": "/services/QueryService.js",
|
||||||
|
"depends": [ "$window" ]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"runs": [
|
"runs": [
|
||||||
@ -60,7 +65,7 @@
|
|||||||
{
|
{
|
||||||
"key": "TreeNodeController",
|
"key": "TreeNodeController",
|
||||||
"implementation": "controllers/TreeNodeController.js",
|
"implementation": "controllers/TreeNodeController.js",
|
||||||
"depends": [ "$scope", "$timeout" ]
|
"depends": [ "$scope", "$timeout", "$rootScope", "queryService" ]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"key": "ActionGroupController",
|
"key": "ActionGroupController",
|
||||||
|
|||||||
@ -48,6 +48,33 @@
|
|||||||
/************************** CONTROLS */
|
/************************** CONTROLS */
|
||||||
/************************** PATHS */
|
/************************** PATHS */
|
||||||
/************************** TIMINGS */
|
/************************** TIMINGS */
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
|
||||||
|
/************************** MOBILE TREE MENU DIMENSIONS */
|
||||||
|
/************************** WINDOW DIMENSIONS FOR RWD */
|
||||||
|
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -120,6 +147,27 @@
|
|||||||
* 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.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
/* line 22, ../sass/forms/_elems.scss */
|
/* line 22, ../sass/forms/_elems.scss */
|
||||||
.section-header {
|
.section-header {
|
||||||
-moz-border-radius: 3px;
|
-moz-border-radius: 3px;
|
||||||
@ -392,7 +440,7 @@ input[type="text"] {
|
|||||||
margin: 0 0 2px 2px;
|
margin: 0 0 2px 2px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -401,10 +449,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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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 */
|
||||||
|
|||||||
@ -48,6 +48,33 @@
|
|||||||
/************************** CONTROLS */
|
/************************** CONTROLS */
|
||||||
/************************** PATHS */
|
/************************** PATHS */
|
||||||
/************************** TIMINGS */
|
/************************** TIMINGS */
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
|
||||||
|
/************************** MOBILE TREE MENU DIMENSIONS */
|
||||||
|
/************************** WINDOW DIMENSIONS FOR RWD */
|
||||||
|
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -78,6 +105,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -136,7 +184,7 @@
|
|||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -145,10 +193,10 @@
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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 */
|
||||||
@ -269,7 +317,7 @@
|
|||||||
color: #999;
|
color: #999;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #80dfff; }
|
color: #80dfff; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -278,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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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 */
|
||||||
@ -296,3 +344,80 @@
|
|||||||
/* line 144, ../sass/items/_item.scss */
|
/* line 144, ../sass/items/_item.scss */
|
||||||
.items-holder .item.grid-item.selected:hover .item-main .item-type {
|
.items-holder .item.grid-item.selected:hover .item-main .item-type {
|
||||||
color: white !important; }
|
color: white !important; }
|
||||||
|
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* 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) {
|
||||||
|
/* line 35, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .bar.bottom-bar.abs {
|
||||||
|
top: 0px;
|
||||||
|
height: auto; }
|
||||||
|
/* line 41, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .item-main .item-type {
|
||||||
|
font-size: 30px;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
text-align: left; }
|
||||||
|
/* line 47, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .item-main .item-open {
|
||||||
|
display: none; }
|
||||||
|
/* line 51, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .title, .items-holder .item.grid-item .details {
|
||||||
|
margin-left: 30px; } }
|
||||||
|
@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 */
|
||||||
|
.items-holder .item.grid-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 50px; }
|
||||||
|
/* line 61, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .item-main .item-type {
|
||||||
|
line-height: 40px; }
|
||||||
|
/* line 65, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .title {
|
||||||
|
margin-right: 10px;
|
||||||
|
line-height: 25px; }
|
||||||
|
/* line 69, ../sass/mobile/_item.scss */
|
||||||
|
.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) {
|
||||||
|
/* line 29, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 66.66667px; }
|
||||||
|
/* line 80, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .item-main .item-type {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 50px; }
|
||||||
|
/* line 85, ../sass/mobile/_item.scss */
|
||||||
|
.items-holder .item.grid-item .title {
|
||||||
|
margin-right: 10px;
|
||||||
|
line-height: 38px; }
|
||||||
|
/* line 89, ../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; } }
|
||||||
|
|||||||
@ -49,6 +49,33 @@
|
|||||||
/************************** CONTROLS */
|
/************************** CONTROLS */
|
||||||
/************************** PATHS */
|
/************************** PATHS */
|
||||||
/************************** TIMINGS */
|
/************************** TIMINGS */
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
|
||||||
|
/************************** MOBILE TREE MENU DIMENSIONS */
|
||||||
|
/************************** WINDOW DIMENSIONS FOR RWD */
|
||||||
|
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -178,6 +205,27 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -664,21 +712,208 @@ mct-container {
|
|||||||
/* line 267, ../sass/user-environ/_layout.scss */
|
/* line 267, ../sass/user-environ/_layout.scss */
|
||||||
.split-layout.vertical > .pane {
|
.split-layout.vertical > .pane {
|
||||||
margin-left: 5px; }
|
margin-left: 5px; }
|
||||||
/* line 269, ../sass/user-environ/_layout.scss */
|
/* line 270, ../sass/user-environ/_layout.scss */
|
||||||
.split-layout.vertical > .pane > .holder {
|
.split-layout.vertical > .pane > .holder {
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0; }
|
right: 0; }
|
||||||
/* line 273, ../sass/user-environ/_layout.scss */
|
/* line 274, ../sass/user-environ/_layout.scss */
|
||||||
.split-layout.vertical > .pane:first-child {
|
.split-layout.vertical > .pane:first-child {
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
/* line 275, ../sass/user-environ/_layout.scss */
|
/* line 276, ../sass/user-environ/_layout.scss */
|
||||||
.split-layout.vertical > .pane:first-child .holder {
|
.split-layout.vertical > .pane:first-child .holder {
|
||||||
right: 3px; }
|
right: 3px; }
|
||||||
|
|
||||||
/* line 284, ../sass/user-environ/_layout.scss */
|
/* line 285, ../sass/user-environ/_layout.scss */
|
||||||
.vscroll {
|
.vscroll {
|
||||||
overflow-y: auto; }
|
overflow-y: auto; }
|
||||||
|
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* 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) {
|
||||||
|
/* line 26, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-wrapper,
|
||||||
|
.mobile-pane {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
white-space: nowrap; } }
|
||||||
|
|
||||||
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
|
/* line 38, ../sass/mobile/_layout.scss */
|
||||||
|
.desktop-browse {
|
||||||
|
min-width: 150px;
|
||||||
|
max-width: 800px;
|
||||||
|
width: 25%; } }
|
||||||
|
|
||||||
|
@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 49, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-hidetree {
|
||||||
|
-moz-user-select: -moz-none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none; } }
|
||||||
|
@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 60, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-hidetree .mobile-pane.left-menu {
|
||||||
|
-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: 0;
|
||||||
|
right: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: hidden; } }
|
||||||
|
@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 73, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-hidetree .mobile-pane.right-repr {
|
||||||
|
-moz-transition-duration: 0.35s;
|
||||||
|
-o-transition-duration: 0.35s;
|
||||||
|
-webkit-transition-duration: 0.35s;
|
||||||
|
transition-duration: 0.35s;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
left: auto !important;
|
||||||
|
width: 100% !important; } }
|
||||||
|
|
||||||
|
/* line 82, ../sass/mobile/_layout.scss */
|
||||||
|
.mobile-tree-holder {
|
||||||
|
top: 30px; }
|
||||||
|
|
||||||
|
@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 91, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree {
|
||||||
|
-moz-user-select: -moz-none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
user-select: none; } }
|
||||||
|
@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 102, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.left-menu {
|
||||||
|
-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;
|
||||||
|
display: block !important;
|
||||||
|
width: auto !important; } }
|
||||||
|
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
|
||||||
|
/* line 102, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.left-menu {
|
||||||
|
right: 19px !important; } }
|
||||||
|
@media 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 102, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.left-menu {
|
||||||
|
right: 66% !important; } }
|
||||||
|
@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) {
|
||||||
|
/* line 102, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.left-menu {
|
||||||
|
right: 500px !important; } }
|
||||||
|
@media 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 102, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.left-menu {
|
||||||
|
right: 78% !important; } }
|
||||||
|
@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 126, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.right-repr {
|
||||||
|
-moz-transition-duration: 0.35s;
|
||||||
|
-o-transition-duration: 0.35s;
|
||||||
|
-webkit-transition-duration: 0.35s;
|
||||||
|
transition-duration: 0.35s;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
left: auto !important; } }
|
||||||
|
@media screen and (orientation: portrait) and (max-width: 514px) and (max-height: 740px) and (max-device-width: 799px) and (max-device-height: 1024px) {
|
||||||
|
/* line 126, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.right-repr {
|
||||||
|
width: 19px !important; } }
|
||||||
|
@media 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 126, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.right-repr {
|
||||||
|
width: 66% !important; } }
|
||||||
|
@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) {
|
||||||
|
/* line 126, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.right-repr {
|
||||||
|
width: 500px !important; } }
|
||||||
|
@media 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 126, ../sass/mobile/_layout.scss */
|
||||||
|
.browse-showtree .mobile-pane.right-repr {
|
||||||
|
width: 78% !important; } }
|
||||||
|
|
||||||
|
@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 149, ../sass/mobile/_layout.scss */
|
||||||
|
.button-pos {
|
||||||
|
position: absolute; } }
|
||||||
|
|
||||||
|
@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 158, ../sass/mobile/_layout.scss */
|
||||||
|
.object-header {
|
||||||
|
position: relative;
|
||||||
|
left: 44px; }
|
||||||
|
/* line 163, ../sass/mobile/_layout.scss */
|
||||||
|
.object-header .label .context-available {
|
||||||
|
opacity: 1 !important; } }
|
||||||
|
|
||||||
|
/* line 170, ../sass/mobile/_layout.scss */
|
||||||
|
.mobile-back-arrow {
|
||||||
|
font-size: 0.8em; }
|
||||||
|
|
||||||
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
|
/* line 175, ../sass/mobile/_layout.scss */
|
||||||
|
.desktop-hide {
|
||||||
|
display: none; } }
|
||||||
|
|
||||||
|
@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 182, ../sass/mobile/_layout.scss */
|
||||||
|
.mobile-hide {
|
||||||
|
display: none; } }
|
||||||
|
|
||||||
|
@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 189, ../sass/mobile/_layout.scss */
|
||||||
|
.phone-hide {
|
||||||
|
display: none; } }
|
||||||
|
|
||||||
|
@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 195, ../sass/mobile/_layout.scss */
|
||||||
|
.tree-holder {
|
||||||
|
overflow-x: hidden !important; } }
|
||||||
|
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -1452,7 +1687,7 @@ mct-container {
|
|||||||
color: #999;
|
color: #999;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #ccf2ff; }
|
color: #ccf2ff; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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,
|
||||||
@ -1464,13 +1699,13 @@ mct-container {
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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,
|
||||||
@ -1500,7 +1735,7 @@ mct-container {
|
|||||||
border-top: 1px solid #2ecbff;
|
border-top: 1px solid #2ecbff;
|
||||||
color: #ccf2ff;
|
color: #ccf2ff;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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,
|
||||||
@ -1512,13 +1747,13 @@ mct-container {
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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,
|
||||||
@ -1554,7 +1789,7 @@ mct-container {
|
|||||||
border-top: 1px solid #8a8a8a;
|
border-top: 1px solid #8a8a8a;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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,
|
||||||
@ -1566,13 +1801,13 @@ mct-container {
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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,
|
||||||
@ -1605,7 +1840,7 @@ mct-container {
|
|||||||
border-top: 1px solid #575757;
|
border-top: 1px solid #575757;
|
||||||
color: #999;
|
color: #999;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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,
|
||||||
@ -1620,7 +1855,7 @@ mct-container {
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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,
|
||||||
@ -1629,7 +1864,7 @@ mct-container {
|
|||||||
.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 170, ../sass/_mixins.scss */
|
/* line 171, ../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,
|
||||||
@ -1665,7 +1900,7 @@ mct-container {
|
|||||||
border-top: 1px solid #fe9510;
|
border-top: 1px solid #fe9510;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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,
|
||||||
@ -1680,7 +1915,7 @@ mct-container {
|
|||||||
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 165, ../sass/_mixins.scss */
|
/* line 166, ../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,
|
||||||
@ -1689,7 +1924,7 @@ mct-container {
|
|||||||
.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 170, ../sass/_mixins.scss */
|
/* line 171, ../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,
|
||||||
@ -2141,7 +2376,7 @@ label.checkbox.custom {
|
|||||||
color: lighten($c, 10%);
|
color: lighten($c, 10%);
|
||||||
}
|
}
|
||||||
}*/ }
|
}*/ }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -2150,10 +2385,10 @@ 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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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 285, ../sass/controls/_controls.scss */
|
||||||
@ -2299,7 +2534,7 @@ label.checkbox.custom {
|
|||||||
auto: 0;
|
auto: 0;
|
||||||
bottom: auto;
|
bottom: auto;
|
||||||
left: auto; }
|
left: auto; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -2308,13 +2543,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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../sass/_mixins.scss */
|
||||||
.slider .knob.btn-menu .invoke-menu {
|
.slider .knob.btn-menu .invoke-menu {
|
||||||
color: #757575; }
|
color: #757575; }
|
||||||
/* line 186, ../sass/_mixins.scss */
|
/* line 187, ../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";
|
||||||
@ -2338,7 +2573,7 @@ label.checkbox.custom {
|
|||||||
left: 2px;
|
left: 2px;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
top: 5px; }
|
top: 5px; }
|
||||||
/* line 208, ../sass/_mixins.scss */
|
/* line 209, ../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";
|
||||||
@ -2510,14 +2745,14 @@ label.checkbox.custom {
|
|||||||
padding: 3px 0;
|
padding: 3px 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 10; }
|
z-index: 10; }
|
||||||
/* line 170, ../sass/_mixins.scss */
|
/* line 171, ../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 276, ../sass/_mixins.scss */
|
/* line 277, ../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;
|
||||||
@ -2568,7 +2803,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 170, ../sass/_mixins.scss */
|
/* line 171, ../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; }
|
||||||
@ -2686,6 +2921,40 @@ label.checkbox.custom {
|
|||||||
right: 0;
|
right: 0;
|
||||||
width: auto; }
|
width: auto; }
|
||||||
|
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/* line 25, ../sass/mobile/controls/_menus.scss */
|
||||||
|
.mobile-menu-icon {
|
||||||
|
display: inline-block; }
|
||||||
|
@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 25, ../sass/mobile/controls/_menus.scss */
|
||||||
|
.mobile-menu-icon {
|
||||||
|
font-size: 21px;
|
||||||
|
padding-top: 1px; } }
|
||||||
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
|
/* line 25, ../sass/mobile/controls/_menus.scss */
|
||||||
|
.mobile-menu-icon {
|
||||||
|
display: none; } }
|
||||||
|
|
||||||
/* line 1, ../sass/controls/_time-controller.scss */
|
/* line 1, ../sass/controls/_time-controller.scss */
|
||||||
.l-time-controller {
|
.l-time-controller {
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -3442,7 +3711,7 @@ input[type="text"] {
|
|||||||
margin: 0 0 2px 2px;
|
margin: 0 0 2px 2px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative; }
|
position: relative; }
|
||||||
/* line 162, ../sass/_mixins.scss */
|
/* line 163, ../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%;
|
||||||
@ -3451,10 +3720,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 165, ../sass/_mixins.scss */
|
/* line 166, ../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 170, ../sass/_mixins.scss */
|
/* line 171, ../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 */
|
||||||
@ -4073,7 +4342,7 @@ input[type="text"] {
|
|||||||
bottom: 15%;
|
bottom: 15%;
|
||||||
left: 15%;
|
left: 15%;
|
||||||
z-index: 101; }
|
z-index: 101; }
|
||||||
/* line 170, ../sass/_mixins.scss */
|
/* line 171, ../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 */
|
||||||
@ -4580,7 +4849,7 @@ input[type="text"] {
|
|||||||
right: 0;
|
right: 0;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 5px; }
|
height: 5px; }
|
||||||
/* line 186, ../sass/_mixins.scss */
|
/* line 187, ../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";
|
||||||
@ -4604,7 +4873,7 @@ input[type="text"] {
|
|||||||
top: 2px;
|
top: 2px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
right: 5px; }
|
right: 5px; }
|
||||||
/* line 208, ../sass/_mixins.scss */
|
/* line 209, ../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";
|
||||||
@ -4634,7 +4903,7 @@ input[type="text"] {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
width: 5px; }
|
width: 5px; }
|
||||||
/* line 186, ../sass/_mixins.scss */
|
/* line 187, ../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";
|
||||||
@ -4658,7 +4927,7 @@ input[type="text"] {
|
|||||||
left: 2px;
|
left: 2px;
|
||||||
bottom: 5px;
|
bottom: 5px;
|
||||||
top: 5px; }
|
top: 5px; }
|
||||||
/* line 208, ../sass/_mixins.scss */
|
/* line 209, ../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";
|
||||||
|
|||||||
@ -48,6 +48,33 @@
|
|||||||
/************************** CONTROLS */
|
/************************** CONTROLS */
|
||||||
/************************** PATHS */
|
/************************** PATHS */
|
||||||
/************************** TIMINGS */
|
/************************** TIMINGS */
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
|
||||||
|
/************************** MOBILE TREE MENU DIMENSIONS */
|
||||||
|
/************************** WINDOW DIMENSIONS FOR RWD */
|
||||||
|
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -78,6 +105,27 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
/*****************************************************************************
|
/*****************************************************************************
|
||||||
* 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
|
||||||
@ -103,7 +151,7 @@
|
|||||||
ul.tree {
|
ul.tree {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
/* line 276, ../sass/_mixins.scss */
|
/* line 277, ../sass/_mixins.scss */
|
||||||
ul.tree li {
|
ul.tree li {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -133,10 +181,11 @@ ul.tree {
|
|||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
width: 10px; }
|
width: 10px; }
|
||||||
/* line 45, ../sass/tree/_tree.scss */
|
@media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) {
|
||||||
|
/* line 47, ../sass/tree/_tree.scss */
|
||||||
ul.tree li span.tree-item .view-control:hover {
|
ul.tree li span.tree-item .view-control:hover {
|
||||||
color: #ffc700; }
|
color: #ffc700; } }
|
||||||
/* line 50, ../sass/tree/_tree.scss */
|
/* line 53, ../sass/tree/_tree.scss */
|
||||||
ul.tree li span.tree-item .label {
|
ul.tree li span.tree-item .label {
|
||||||
display: block;
|
display: block;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -148,7 +197,7 @@ ul.tree {
|
|||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
left: 15px; }
|
left: 15px; }
|
||||||
/* line 57, ../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;
|
overflow: false;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -163,12 +212,12 @@ ul.tree {
|
|||||||
left: 5px;
|
left: 5px;
|
||||||
right: auto;
|
right: auto;
|
||||||
width: 1em; }
|
width: 1em; }
|
||||||
/* line 65, ../sass/tree/_tree.scss */
|
/* line 68, ../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 71, ../sass/tree/_tree.scss */
|
/* line 74, ../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;
|
||||||
@ -177,7 +226,7 @@ ul.tree {
|
|||||||
width: 8px;
|
width: 8px;
|
||||||
top: 1px;
|
top: 1px;
|
||||||
right: -2px; }
|
right: -2px; }
|
||||||
/* line 77, ../sass/tree/_tree.scss */
|
/* line 80, ../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;
|
||||||
@ -186,7 +235,7 @@ ul.tree {
|
|||||||
width: 8px;
|
width: 8px;
|
||||||
left: -3px;
|
left: -3px;
|
||||||
bottom: 5px; }
|
bottom: 5px; }
|
||||||
/* line 86, ../sass/tree/_tree.scss */
|
/* line 89, ../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;
|
||||||
@ -201,51 +250,106 @@ ul.tree {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
/* line 97, ../sass/tree/_tree.scss */
|
/* line 100, ../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 99, ../sass/tree/_tree.scss */
|
/* line 102, ../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 101, ../sass/tree/_tree.scss */
|
/* line 104, ../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 105, ../sass/tree/_tree.scss */
|
/* line 108, ../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 110, ../sass/tree/_tree.scss */
|
/* line 113, ../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 114, ../sass/tree/_tree.scss */
|
/* line 117, ../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 117, ../sass/tree/_tree.scss */
|
/* line 120, ../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; }
|
||||||
/* line 123, ../sass/tree/_tree.scss */
|
@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 */
|
||||||
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 126, ../sass/tree/_tree.scss */
|
/* line 131, ../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 129, ../sass/tree/_tree.scss */
|
/* line 134, ../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 135, ../sass/tree/_tree.scss */
|
/* line 141, ../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 139, ../sass/tree/_tree.scss */
|
/* line 145, ../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 145, ../sass/tree/_tree.scss */
|
/* line 151, ../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 154, ../sass/tree/_tree.scss */
|
/* line 160, ../sass/tree/_tree.scss */
|
||||||
ul.tree ul.tree {
|
ul.tree ul.tree {
|
||||||
margin-left: 15px; }
|
margin-left: 15px; }
|
||||||
|
|
||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* 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) {
|
||||||
|
/* line 24, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
/* line 277, ../sass/_mixins.scss */
|
||||||
|
ul.tree li {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
/* line 29, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree li span.tree-item {
|
||||||
|
height: 38px;
|
||||||
|
line-height: 38px;
|
||||||
|
padding-top: 3px;
|
||||||
|
padding-bottom: 3px;
|
||||||
|
margin-bottom: 0px; }
|
||||||
|
/* line 36, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree li span.tree-item .view-control {
|
||||||
|
position: absolute;
|
||||||
|
right: 13px;
|
||||||
|
font-size: 1.8em; }
|
||||||
|
/* line 42, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree li span.tree-item .label {
|
||||||
|
left: 3px;
|
||||||
|
font-size: 1.2em; }
|
||||||
|
/* line 49, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree li span.tree-item .label .title-label {
|
||||||
|
right: 16.9px; }
|
||||||
|
/* line 58, ../sass/mobile/_tree.scss */
|
||||||
|
ul.tree ul.tree {
|
||||||
|
margin-left: 7px; } }
|
||||||
|
|||||||
@ -27,10 +27,14 @@
|
|||||||
@import "compass/utilities";
|
@import "compass/utilities";
|
||||||
|
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
|
@import "mobile/mixins";
|
||||||
|
|
||||||
@import "effects";
|
@import "effects";
|
||||||
@import "global";
|
@import "global";
|
||||||
@import "fonts";
|
@import "fonts";
|
||||||
@import "user-environ/layout";
|
@import "user-environ/layout";
|
||||||
|
@import "mobile/layout";
|
||||||
|
|
||||||
@import "fixed-position";
|
@import "fixed-position";
|
||||||
@import "about";
|
@import "about";
|
||||||
@import "text";
|
@import "text";
|
||||||
@ -45,6 +49,7 @@
|
|||||||
@import "controls/controls";
|
@import "controls/controls";
|
||||||
@import "controls/lists";
|
@import "controls/lists";
|
||||||
@import "controls/menus";
|
@import "controls/menus";
|
||||||
|
@import "mobile/controls/menus";
|
||||||
@import "controls/time-controller";
|
@import "controls/time-controller";
|
||||||
@import "edit/editor";
|
@import "edit/editor";
|
||||||
@import "features/imagery";
|
@import "features/imagery";
|
||||||
|
|||||||
@ -19,6 +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.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
@mixin absPosDefault($offset: 0px, $overflowHidden: hidden) {
|
@mixin absPosDefault($offset: 0px, $overflowHidden: hidden) {
|
||||||
overflow: $overflowHidden;
|
overflow: $overflowHidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@ -26,8 +26,10 @@
|
|||||||
@import "compass/utilities";
|
@import "compass/utilities";
|
||||||
|
|
||||||
@import "constants";
|
@import "constants";
|
||||||
|
@import "mobile/constants";
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
@import "forms/mixins";
|
@import "forms/mixins";
|
||||||
|
@import "mobile/mixins";
|
||||||
@import "forms/elems";
|
@import "forms/elems";
|
||||||
@import "forms/textarea";
|
@import "forms/textarea";
|
||||||
@import "forms/text-input";
|
@import "forms/text-input";
|
||||||
|
|||||||
@ -26,5 +26,8 @@
|
|||||||
@import "compass/utilities";
|
@import "compass/utilities";
|
||||||
|
|
||||||
@import "constants";
|
@import "constants";
|
||||||
|
@import "mobile/constants";
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
|
@import "mobile/mixins";
|
||||||
@import "items/item";
|
@import "items/item";
|
||||||
|
@import "mobile/item";
|
||||||
87
platform/commonUI/general/res/sass/mobile/_constants.scss
Normal file
87
platform/commonUI/general/res/sass/mobile/_constants.scss
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
/************************** MOBILE REPRESENTATION ITEMS DIMENSIONS */
|
||||||
|
$mobile-listIcon: 30px;
|
||||||
|
$mobile-listRight: 10px;
|
||||||
|
|
||||||
|
$phone-itemHeight: $ueBrowseGridItemLg/4;
|
||||||
|
$tablet-itemHeight: $ueBrowseGridItemLg/3;
|
||||||
|
|
||||||
|
/************************** MOBILE TREE MENU DIMENSIONS */
|
||||||
|
$mobile-treeHeight: 38px;
|
||||||
|
$mobile-startingTreeLeft: 3px;
|
||||||
|
$mobile-runningTreeLeft: 7px;
|
||||||
|
$mobile-treeRight: 13px;
|
||||||
|
|
||||||
|
/************************** WINDOW DIMENSIONS FOR RWD */
|
||||||
|
$phoMaxW: 514px;
|
||||||
|
$phoMaxH: 740px;
|
||||||
|
|
||||||
|
$tabMinW: 515px;
|
||||||
|
$tabMaxW: 799px;
|
||||||
|
|
||||||
|
$tabMinH: 741px;
|
||||||
|
$tabMaxH: 1024px;
|
||||||
|
|
||||||
|
$compMinW: 800px;
|
||||||
|
$compMinH: 1025px;
|
||||||
|
|
||||||
|
/************************** MEDIA QUERIES: WINDOW CHECKS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
$screenPortrait: "screen and (orientation: portrait)";
|
||||||
|
$screenLandscape: "screen and (orientation: landscape)";
|
||||||
|
|
||||||
|
$mobileDevice: "(max-device-width: #{$tabMaxW}) and (max-device-height: #{$tabMaxH})";
|
||||||
|
$mobileDeviceEmu: "(max-device-width: #{$tabMaxH}) and (max-device-height: #{$tabMaxW})";
|
||||||
|
|
||||||
|
$phonePortraitCheck: "(max-width: #{$phoMaxW}) and (max-height: #{$phoMaxH})";
|
||||||
|
$phoneLandscapeCheck: "(max-height: #{$phoMaxW}) and (max-width: #{$phoMaxH})";
|
||||||
|
|
||||||
|
$tabWidPorCheck: "(min-width: #{$tabMinW}) and (max-width: #{$tabMaxW})";
|
||||||
|
$tabHeiPorCheck: "(min-height: #{$tabMinH}) and (max-height: #{$tabMaxH})";
|
||||||
|
$tabletPortraitCheck: "#{$tabWidPorCheck} and #{$tabHeiPorCheck}";
|
||||||
|
|
||||||
|
$tabWidLanCheck: "(min-height: #{$tabMinW}) and (max-height: #{$tabMaxW})";
|
||||||
|
$tabHeiLanCheck: "(min-width: #{$tabMinH}) and (max-width: #{$tabMaxH})";
|
||||||
|
$tabletLandscapeCheck: "#{$tabWidLanCheck} and #{$tabHeiLanCheck}";
|
||||||
|
|
||||||
|
$desktopPortraitCheck: "(min-device-width: #{$compMinW}) and (min-device-height: #{$compMinH})";
|
||||||
|
$desktopLandscapeCheck: "(min-device-width: #{$compMinH}) and (min-device-height: #{$compMinW})";
|
||||||
|
|
||||||
|
/************************** MEDIA QUERIES: WINDOWS FOR SPECIFIC ORIENTATIONS FOR EACH DEVICE */
|
||||||
|
$phonePortrait: "#{$screenPortrait} and #{$phonePortraitCheck} and #{$mobileDevice}";
|
||||||
|
$phoneLandscape: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDevice}";
|
||||||
|
$phoneLandscapeEmu: "#{$screenLandscape} and #{$phoneLandscapeCheck} and #{$mobileDeviceEmu}";
|
||||||
|
|
||||||
|
$tabletPortrait: "#{$screenPortrait} and #{$tabletPortraitCheck} and #{$mobileDevice}";
|
||||||
|
$tabletLandscape: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDevice}";
|
||||||
|
$tabletLandscapeEmu: "#{$screenLandscape} and #{$tabletLandscapeCheck} and #{$mobileDeviceEmu}";
|
||||||
|
|
||||||
|
$desktopPortrait: "screen and #{$desktopPortraitCheck}";
|
||||||
|
$desktopLandscape: "screen and #{$desktopLandscapeCheck}";
|
||||||
|
|
||||||
|
/************************** DEVICE PARAMETERS FOR MENUS/REPRESENTATIONS */
|
||||||
|
$phoneRepSizePortrait: 19px;
|
||||||
|
$phoneRepSizeLandscape: 66%;
|
||||||
|
$tabletRepSizePortrait: 500px;
|
||||||
|
$tabletRepSizeLandscape: 78%;
|
||||||
|
$desktopMenuSize: 25%;
|
||||||
103
platform/commonUI/general/res/sass/mobile/_item.scss
Normal file
103
platform/commonUI/general/res/sass/mobile/_item.scss
Normal file
@ -0,0 +1,103 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
// Sets the size of the items in the folder
|
||||||
|
// representation. Instead of a grid,
|
||||||
|
// a list is used.
|
||||||
|
|
||||||
|
.items-holder {
|
||||||
|
.item {
|
||||||
|
&.grid-item {
|
||||||
|
$dWid: $ueBrowseGridItemLg;
|
||||||
|
$dHei: $ueBrowseGridItemLg;
|
||||||
|
@include phoneandtablet {
|
||||||
|
$dWid: 100%;
|
||||||
|
.bar {
|
||||||
|
&.bottom-bar.abs {
|
||||||
|
top: 0px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item-main {
|
||||||
|
.item-type {
|
||||||
|
font-size: $mobile-listIcon;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.item-open {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title, .details {
|
||||||
|
margin-left: $mobile-listIcon;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include phone {
|
||||||
|
$dHei: $phone-itemHeight;
|
||||||
|
width: $dWid;
|
||||||
|
height: $dHei;
|
||||||
|
.item-main {
|
||||||
|
.item-type {
|
||||||
|
line-height: $phone-itemHeight * .8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
margin-right: $mobile-listRight;
|
||||||
|
line-height: $phone-itemHeight * .5;
|
||||||
|
}
|
||||||
|
.details {
|
||||||
|
margin-right: $mobile-listRight;
|
||||||
|
line-height: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include tablet {
|
||||||
|
$dHei: $tablet-itemHeight;
|
||||||
|
width: $dWid;
|
||||||
|
height: $dHei;
|
||||||
|
.item-main {
|
||||||
|
.item-type {
|
||||||
|
font-size: $mobile-listIcon;
|
||||||
|
line-height: $tablet-itemHeight * .75;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.title {
|
||||||
|
margin-right: $mobile-listRight;
|
||||||
|
line-height: $tablet-itemHeight * .57;
|
||||||
|
}
|
||||||
|
.details {
|
||||||
|
margin-right: $mobile-listRight;
|
||||||
|
line-height: 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@include desktop {
|
||||||
|
$dWid: $ueBrowseGridItemLg;
|
||||||
|
$dHei: $ueBrowseGridItemLg;
|
||||||
|
width: $dWid;
|
||||||
|
height: $dHei;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
199
platform/commonUI/general/res/sass/mobile/_layout.scss
Normal file
199
platform/commonUI/general/res/sass/mobile/_layout.scss
Normal file
@ -0,0 +1,199 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
// Wrapper of the entire 2 panes, only enacted on
|
||||||
|
// phone and tablet. Also for the panes
|
||||||
|
|
||||||
|
.browse-wrapper,
|
||||||
|
.mobile-pane {
|
||||||
|
@include phoneandtablet {
|
||||||
|
position: absolute;
|
||||||
|
left: 0; top: 0;
|
||||||
|
right: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Default views of the panels
|
||||||
|
// if in desktop browser
|
||||||
|
.desktop-browse {
|
||||||
|
@include desktop {
|
||||||
|
min-width: 150px;
|
||||||
|
max-width: 800px;
|
||||||
|
width: $desktopMenuSize;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// When the tree is hidden, these are the
|
||||||
|
// classes used for the left menu and the
|
||||||
|
// right representation.
|
||||||
|
.browse-hidetree {
|
||||||
|
// 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 phoneandtablet {
|
||||||
|
@include user-select(none);
|
||||||
|
}
|
||||||
|
// Sets the left tree menu when the tree
|
||||||
|
// is hidden.
|
||||||
|
.mobile-pane.left-menu {
|
||||||
|
@include phoneandtablet {
|
||||||
|
@include trans-prop-nice(opacity, .4s);
|
||||||
|
opacity: 0;
|
||||||
|
right: 100% !important;
|
||||||
|
width: auto !important;
|
||||||
|
overflow-y: hidden;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sets the right represenation when
|
||||||
|
// the tree is hidden.
|
||||||
|
.mobile-pane.right-repr {
|
||||||
|
@include phoneandtablet {
|
||||||
|
@include slMenuTransitions;
|
||||||
|
left: auto !important;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-tree-holder {
|
||||||
|
top: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// When the tree is shown, these are
|
||||||
|
// the classes used for the left menu
|
||||||
|
// and the right menu (for each device &
|
||||||
|
// orientation combination, separate
|
||||||
|
// parameters are used)
|
||||||
|
.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 phoneandtablet {
|
||||||
|
@include user-select(none);
|
||||||
|
}
|
||||||
|
// Sets the left tree menu when the tree
|
||||||
|
// is shown.
|
||||||
|
.mobile-pane.left-menu {
|
||||||
|
@include phoneandtablet {
|
||||||
|
@include trans-prop-nice(opacity, .4s);
|
||||||
|
opacity: 1;
|
||||||
|
display: block !important;
|
||||||
|
width: auto !important;
|
||||||
|
}
|
||||||
|
// On both phones and tablets, the amount of
|
||||||
|
// space allowed for the right pane is specified
|
||||||
|
@include phonePortrait {
|
||||||
|
right: $phoneRepSizePortrait !important;
|
||||||
|
}
|
||||||
|
@include phoneLandscape {
|
||||||
|
right: $phoneRepSizeLandscape !important;
|
||||||
|
}
|
||||||
|
@include tabletPortrait {
|
||||||
|
right: $tabletRepSizePortrait !important;
|
||||||
|
}
|
||||||
|
@include tabletLandscape {
|
||||||
|
right: $tabletRepSizeLandscape !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Sets the right represenation when
|
||||||
|
// the tree is shown.
|
||||||
|
.mobile-pane.right-repr {
|
||||||
|
@include phoneandtablet {
|
||||||
|
@include slMenuTransitions;
|
||||||
|
left: auto !important;
|
||||||
|
}
|
||||||
|
// On both phones and tablets, the width of
|
||||||
|
// the right pane is specified
|
||||||
|
@include phonePortrait {
|
||||||
|
width: $phoneRepSizePortrait !important;
|
||||||
|
}
|
||||||
|
@include phoneLandscape {
|
||||||
|
width: $phoneRepSizeLandscape !important;
|
||||||
|
}
|
||||||
|
@include tabletPortrait {
|
||||||
|
width: $tabletRepSizePortrait !important;
|
||||||
|
}
|
||||||
|
@include tabletLandscape {
|
||||||
|
width: $tabletRepSizeLandscape !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Button position is set as absolute with transitions
|
||||||
|
.button-pos {
|
||||||
|
@include phoneandtablet {
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Object header must be moved
|
||||||
|
// over to make space for the
|
||||||
|
// hamburger icon
|
||||||
|
.object-header {
|
||||||
|
@include phoneandtablet {
|
||||||
|
position: relative;
|
||||||
|
left: 44px;
|
||||||
|
.label {
|
||||||
|
.context-available {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-back-arrow {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.desktop-hide {
|
||||||
|
@include desktop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hides objects on phone and tablet
|
||||||
|
.mobile-hide {
|
||||||
|
@include phoneandtablet {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hides objects only on the phone
|
||||||
|
.phone-hide {
|
||||||
|
@include phone {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.tree-holder {
|
||||||
|
@include phoneandtablet {
|
||||||
|
overflow-x: hidden !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
96
platform/commonUI/general/res/sass/mobile/_mixins.scss
Normal file
96
platform/commonUI/general/res/sass/mobile/_mixins.scss
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
// Phones in any orientation
|
||||||
|
@mixin phone {
|
||||||
|
@media #{$phonePortrait},
|
||||||
|
#{$phoneLandscape},
|
||||||
|
#{$phoneLandscapeEmu} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//Phones in portrait orientation
|
||||||
|
@mixin phonePortrait {
|
||||||
|
@media #{$phonePortrait} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Phones in landscape orientation
|
||||||
|
@mixin phoneLandscape {
|
||||||
|
@media #{$phoneLandscape},
|
||||||
|
#{$phoneLandscapeEmu} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tablets in any orientation
|
||||||
|
@mixin tablet {
|
||||||
|
@media #{$tabletPortrait},
|
||||||
|
#{$tabletLandscape},
|
||||||
|
#{$tabletLandscapeEmu} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tablets in portrait orientation
|
||||||
|
@mixin tabletPortrait {
|
||||||
|
@media #{$tabletPortrait} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Tablets in landscape orientation
|
||||||
|
@mixin tabletLandscape {
|
||||||
|
@media #{$tabletLandscape},
|
||||||
|
#{$tabletLandscapeEmu} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Phones and tablets in any orientation
|
||||||
|
@mixin phoneandtablet {
|
||||||
|
@media #{$phonePortrait},
|
||||||
|
#{$phoneLandscape},
|
||||||
|
#{$phoneLandscapeEmu},
|
||||||
|
#{$tabletPortrait},
|
||||||
|
#{$tabletLandscape},
|
||||||
|
#{$tabletLandscapeEmu}{
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Desktop monitors in any orientation
|
||||||
|
@mixin desktop {
|
||||||
|
@media #{$desktopPortrait},
|
||||||
|
#{$desktopLandscape} {
|
||||||
|
@content
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Transition used for the slide menu
|
||||||
|
@mixin slMenuTransitions {
|
||||||
|
@include transition-duration(.35s);
|
||||||
|
transition-timing-function: ease;
|
||||||
|
backface-visibility: hidden;
|
||||||
|
}
|
||||||
62
platform/commonUI/general/res/sass/mobile/_tree.scss
Normal file
62
platform/commonUI/general/res/sass/mobile/_tree.scss
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
|
||||||
|
ul.tree {
|
||||||
|
// Only applies to phones and tablets
|
||||||
|
@include phoneandtablet {
|
||||||
|
@include menuUlReset();
|
||||||
|
li {
|
||||||
|
span.tree-item {
|
||||||
|
// Adds some space to the top of each tree item
|
||||||
|
height: $mobile-treeHeight;
|
||||||
|
line-height: $mobile-treeHeight;
|
||||||
|
padding-top: $interiorMarginSm;
|
||||||
|
padding-bottom: $interiorMarginSm;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
.view-control {
|
||||||
|
position: absolute;
|
||||||
|
right: $mobile-treeRight;
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
// Designates the starting left margin
|
||||||
|
// (indentation) of 'My Items'
|
||||||
|
left: $mobile-startingTreeLeft;
|
||||||
|
font-size: 1.2em;
|
||||||
|
// Allows tree item name to stop prior
|
||||||
|
// to the arrow
|
||||||
|
.title-label {
|
||||||
|
right: $mobile-treeRight * 1.3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sets the margin on the left, which causes the
|
||||||
|
// running indentation after each folder is made
|
||||||
|
ul.tree {
|
||||||
|
margin-left: $mobile-runningTreeLeft;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,34 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
// Mobile hamburger icon is
|
||||||
|
// sized according to the device
|
||||||
|
.mobile-menu-icon {
|
||||||
|
display: inline-block;
|
||||||
|
@include phoneandtablet {
|
||||||
|
font-size: 21px;
|
||||||
|
padding-top: $imageThumbPad;
|
||||||
|
}
|
||||||
|
@include desktop {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -20,5 +20,6 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
@import "constants";
|
@import "constants";
|
||||||
|
@import "mobile/constants";
|
||||||
@import "themes/theme-espresso";
|
@import "themes/theme-espresso";
|
||||||
@import "main";
|
@import "main";
|
||||||
@ -26,5 +26,8 @@
|
|||||||
@import "compass/utilities";
|
@import "compass/utilities";
|
||||||
|
|
||||||
@import "constants";
|
@import "constants";
|
||||||
|
@import "mobile/constants";
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
|
@import "mobile/mixins";
|
||||||
@import "tree/tree";
|
@import "tree/tree";
|
||||||
|
@import "mobile/tree";
|
||||||
@ -42,10 +42,13 @@ ul.tree {
|
|||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
width: $treeVCW;
|
width: $treeVCW;
|
||||||
$runningItemW: $interiorMargin + $treeVCW;
|
$runningItemW: $interiorMargin + $treeVCW;
|
||||||
|
// NOTE: [Mobile] Removed Hover on Mobile
|
||||||
|
@include desktop {
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $colorItemTreeVCHover;
|
color: $colorItemTreeVCHover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
display: block;
|
display: block;
|
||||||
@ -120,6 +123,8 @@ ul.tree {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:not(.selected) {
|
&:not(.selected) {
|
||||||
|
// NOTE: [Mobile] Removed Hover on Mobile
|
||||||
|
@include desktop {
|
||||||
&:hover {
|
&:hover {
|
||||||
background: lighten($colorBodyBg, 5%);
|
background: lighten($colorBodyBg, 5%);
|
||||||
color: lighten($colorBodyFg, 20%);
|
color: lighten($colorBodyFg, 20%);
|
||||||
@ -131,6 +136,7 @@ ul.tree {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&:not(.loading) {
|
&:not(.loading) {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|||||||
@ -265,6 +265,7 @@
|
|||||||
&.vertical {
|
&.vertical {
|
||||||
// Slides left and right
|
// Slides left and right
|
||||||
>.pane {
|
>.pane {
|
||||||
|
// @include test();
|
||||||
margin-left: $interiorMargin;
|
margin-left: $interiorMargin;
|
||||||
>.holder {
|
>.holder {
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|||||||
@ -25,20 +25,24 @@
|
|||||||
class="tree-item menus-to-left"
|
class="tree-item menus-to-left"
|
||||||
ng-class="{selected: treeNode.isSelected()}"
|
ng-class="{selected: treeNode.isSelected()}"
|
||||||
>
|
>
|
||||||
<span
|
|
||||||
class='ui-symbol view-control'
|
|
||||||
ng-click="toggle.toggle(); treeNode.trackExpansion()"
|
|
||||||
ng-if="model.composition !== undefined"
|
|
||||||
>
|
|
||||||
{{toggle.isActive() ? "v" : ">"}}
|
|
||||||
</span>
|
|
||||||
<mct-representation
|
<mct-representation
|
||||||
key="'label'"
|
key="'label'"
|
||||||
mct-object="domainObject"
|
mct-object="domainObject"
|
||||||
ng-model="ngModel"
|
ng-model="ngModel"
|
||||||
ng-click="ngModel.selectedObject = domainObject"
|
ng-click="!treeNode.checkMobile() ? ngModel.selectedObject = domainObject :
|
||||||
|
toggle.toggle(); treeNode.trackExpansion()"
|
||||||
>
|
>
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
|
<span
|
||||||
|
class='ui-symbol view-control'
|
||||||
|
mct-object="domainObject"
|
||||||
|
ng-model="ngModel"
|
||||||
|
ng-click="treeNode.checkMobile() ? ngModel.selectedObject = domainObject :
|
||||||
|
toggle.toggle(); treeNode.trackExpansion()"
|
||||||
|
ng-if="model.composition !== undefined || treeNode.checkMobile()"
|
||||||
|
>
|
||||||
|
{{treeNode.checkMobile() ? ">" : toggle.isActive() ? "v" : ">"}}
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
class="tree-item-subtree"
|
class="tree-item-subtree"
|
||||||
|
|||||||
@ -50,7 +50,7 @@ define(
|
|||||||
* expand-to-show-navigated-object behavior.)
|
* expand-to-show-navigated-object behavior.)
|
||||||
* @constructor
|
* @constructor
|
||||||
*/
|
*/
|
||||||
function TreeNodeController($scope, $timeout, $rootScope) {
|
function TreeNodeController($scope, $timeout, $rootScope, queryService) {
|
||||||
var selectedObject = ($scope.ngModel || {}).selectedObject,
|
var selectedObject = ($scope.ngModel || {}).selectedObject,
|
||||||
isSelected = false,
|
isSelected = false,
|
||||||
hasBeenExpanded = false;
|
hasBeenExpanded = false;
|
||||||
@ -87,6 +87,10 @@ define(
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function checkMobile() {
|
||||||
|
return queryService.isMobile(navigator.userAgent);
|
||||||
|
}
|
||||||
|
|
||||||
// Consider the currently-navigated object and update
|
// Consider the currently-navigated object and update
|
||||||
// parameters which support display.
|
// parameters which support display.
|
||||||
function checkSelection() {
|
function checkSelection() {
|
||||||
@ -150,6 +154,9 @@ define(
|
|||||||
* lazy loading of the node's subtree.
|
* lazy loading of the node's subtree.
|
||||||
*/
|
*/
|
||||||
trackExpansion: trackExpansion,
|
trackExpansion: trackExpansion,
|
||||||
|
|
||||||
|
checkMobile: checkMobile,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Check if this not has ever been expanded.
|
* Check if this not has ever been expanded.
|
||||||
* @returns true if it has been expanded
|
* @returns true if it has been expanded
|
||||||
|
|||||||
85
platform/commonUI/general/src/services/QueryService.js
Normal file
85
platform/commonUI/general/src/services/QueryService.js
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/*global define,Promise*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Module defining QueryService.
|
||||||
|
*/
|
||||||
|
|
||||||
|
define(
|
||||||
|
[],
|
||||||
|
function () {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The query service handles calls for browser and userAgent
|
||||||
|
* info using a comparison between the userAgent and key
|
||||||
|
* device names
|
||||||
|
*/
|
||||||
|
function QueryService($window) {
|
||||||
|
|
||||||
|
// Gets the UA name if it is one of the following.
|
||||||
|
// If it is not (a desktop for example) nothing is
|
||||||
|
// returned instead
|
||||||
|
function getDeviceUA(ua) {
|
||||||
|
return ua.match(/iPad|iPhone|Android/i) ?
|
||||||
|
ua.match(/iPad|iPhone|Android/i) : "";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if gotten device is mobile,
|
||||||
|
// Mobile is defined as a phone or tablet
|
||||||
|
function isMobile(ua) {
|
||||||
|
if (getDeviceUA(ua)) {
|
||||||
|
return true;
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Returns the orientation of the device based on the
|
||||||
|
// device's window dimensions
|
||||||
|
function getOrientation() {
|
||||||
|
if ($window.outerWidth > $window.outerHeight) {
|
||||||
|
return "landscape";
|
||||||
|
} else if ($window.outerWidth < $window.outerHeight) {
|
||||||
|
return "portrait";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
/**
|
||||||
|
* Returns the orientation for the user's device
|
||||||
|
*/
|
||||||
|
getOrientation: getOrientation,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Returns the a boolean checking if the user is
|
||||||
|
* on a mobile or non-mobile device. (mobile: true,
|
||||||
|
* non-mobile: false)
|
||||||
|
*/
|
||||||
|
isMobile: isMobile
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return QueryService;
|
||||||
|
}
|
||||||
|
);
|
||||||
@ -29,6 +29,7 @@ define(
|
|||||||
describe("The tree node controller", function () {
|
describe("The tree node controller", function () {
|
||||||
var mockScope,
|
var mockScope,
|
||||||
mockTimeout,
|
mockTimeout,
|
||||||
|
mockQueryService,
|
||||||
controller;
|
controller;
|
||||||
|
|
||||||
function TestObject(id, context) {
|
function TestObject(id, context) {
|
||||||
@ -43,7 +44,8 @@ define(
|
|||||||
beforeEach(function () {
|
beforeEach(function () {
|
||||||
mockScope = jasmine.createSpyObj("$scope", ["$watch", "$on"]);
|
mockScope = jasmine.createSpyObj("$scope", ["$watch", "$on"]);
|
||||||
mockTimeout = jasmine.createSpy("$timeout");
|
mockTimeout = jasmine.createSpy("$timeout");
|
||||||
controller = new TreeNodeController(mockScope, mockTimeout);
|
mockQueryService = jasmine.createSpyObj("queryService", ["isMobile"]);
|
||||||
|
controller = new TreeNodeController(mockScope, mockTimeout, mockQueryService);
|
||||||
});
|
});
|
||||||
|
|
||||||
it("allows tracking of expansion state", function () {
|
it("allows tracking of expansion state", function () {
|
||||||
@ -183,6 +185,10 @@ define(
|
|||||||
expect(controller.isSelected()).toBeFalsy();
|
expect(controller.isSelected()).toBeFalsy();
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("check if tree node is in a mobile device", function () {
|
||||||
|
controller.checkMobile();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
71
platform/commonUI/general/test/services/QueryServiceSpec.js
Normal file
71
platform/commonUI/general/test/services/QueryServiceSpec.js
Normal file
@ -0,0 +1,71 @@
|
|||||||
|
/*****************************************************************************
|
||||||
|
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||||
|
* as represented by the Administrator of the National Aeronautics and Space
|
||||||
|
* Administration. All rights reserved.
|
||||||
|
*
|
||||||
|
* Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
||||||
|
* "License"); you may not use this file except in compliance with the License.
|
||||||
|
* You may obtain a copy of the License at
|
||||||
|
* http://www.apache.org/licenses/LICENSE-2.0.
|
||||||
|
*
|
||||||
|
* Unless required by applicable law or agreed to in writing, software
|
||||||
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
||||||
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
||||||
|
* License for the specific language governing permissions and limitations
|
||||||
|
* under the License.
|
||||||
|
*
|
||||||
|
* Open MCT Web includes source code licensed under additional open source
|
||||||
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
||||||
|
* this source code distribution or the Licensing information page available
|
||||||
|
* at runtime from the About dialog for additional information.
|
||||||
|
*****************************************************************************/
|
||||||
|
/*global define,Promise,describe,it,expect,beforeEach,waitsFor,jasmine*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MCTRepresentationSpec. Created by vwoeltje on 11/6/14.
|
||||||
|
*/
|
||||||
|
define(
|
||||||
|
["../../src/services/QueryService"],
|
||||||
|
function (QueryService) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
describe("The url service", function () {
|
||||||
|
var queryService,
|
||||||
|
mockWindow,
|
||||||
|
mockNavigator;
|
||||||
|
|
||||||
|
beforeEach(function () {
|
||||||
|
// Creates a mockLocation, used to
|
||||||
|
// do the view search
|
||||||
|
mockWindow = jasmine.createSpyObj(
|
||||||
|
"$window",
|
||||||
|
[ "outerWidth", "outerHeight" ]
|
||||||
|
);
|
||||||
|
|
||||||
|
mockNavigator = jasmine.createSpyObj(
|
||||||
|
"navigator",
|
||||||
|
[ "userAgent" ]
|
||||||
|
);
|
||||||
|
|
||||||
|
queryService = new QueryService(mockWindow);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("get current device user agent", function () {
|
||||||
|
mockNavigator.userAgent = "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.89 Safari/537.36";
|
||||||
|
queryService.isMobile(mockNavigator.userAgent);
|
||||||
|
mockNavigator.userAgent = "Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53";
|
||||||
|
queryService.isMobile(mockNavigator.userAgent);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("get orientation of the current device", function () {
|
||||||
|
mockWindow.outerWidth = 768;
|
||||||
|
mockWindow.outerHeight = 1024;
|
||||||
|
queryService.getOrientation();
|
||||||
|
|
||||||
|
mockWindow.outerWidth = 1024;
|
||||||
|
mockWindow.outerHeight = 768;
|
||||||
|
queryService.getOrientation();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
);
|
||||||
@ -13,6 +13,7 @@
|
|||||||
"directives/MCTDrag",
|
"directives/MCTDrag",
|
||||||
"directives/MCTResize",
|
"directives/MCTResize",
|
||||||
"directives/MCTScroll",
|
"directives/MCTScroll",
|
||||||
|
"services/QueryService",
|
||||||
"services/UrlService",
|
"services/UrlService",
|
||||||
"StyleSheetLoader"
|
"StyleSheetLoader"
|
||||||
]
|
]
|
||||||
@ -24,6 +24,7 @@
|
|||||||
"implementation": "gestures/InfoGesture.js",
|
"implementation": "gestures/InfoGesture.js",
|
||||||
"depends": [
|
"depends": [
|
||||||
"$timeout",
|
"$timeout",
|
||||||
|
"queryService",
|
||||||
"infoService",
|
"infoService",
|
||||||
"INFO_HOVER_DELAY"
|
"INFO_HOVER_DELAY"
|
||||||
]
|
]
|
||||||
|
|||||||
@ -38,11 +38,13 @@ define(
|
|||||||
* @param {DomainObject} domainObject the domain object for which to
|
* @param {DomainObject} domainObject the domain object for which to
|
||||||
* show information
|
* show information
|
||||||
*/
|
*/
|
||||||
function InfoGesture($timeout, infoService, DELAY, element, domainObject) {
|
function InfoGesture($timeout, queryService, infoService, DELAY, element, domainObject) {
|
||||||
var dismissBubble,
|
var dismissBubble,
|
||||||
pendingBubble,
|
pendingBubble,
|
||||||
mousePosition,
|
mousePosition,
|
||||||
scopeOff;
|
touchPosition,
|
||||||
|
scopeOff,
|
||||||
|
touchDELAY = 500;
|
||||||
|
|
||||||
function trackPosition(event) {
|
function trackPosition(event) {
|
||||||
// Record mouse position, so bubble can be shown at latest
|
// Record mouse position, so bubble can be shown at latest
|
||||||
@ -50,6 +52,13 @@ define(
|
|||||||
mousePosition = [ event.clientX, event.clientY ];
|
mousePosition = [ event.clientX, event.clientY ];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function trackTouchPosition(event) {
|
||||||
|
var tEvent = event.changedTouches[0];
|
||||||
|
// Record mouse position, so bubble can be shown at latest
|
||||||
|
// mouse position (not just where the mouse entered)
|
||||||
|
touchPosition = [ tEvent.clientX + 44, tEvent.clientY ];
|
||||||
|
}
|
||||||
|
|
||||||
function hideBubble() {
|
function hideBubble() {
|
||||||
// If a bubble is showing, dismiss it
|
// If a bubble is showing, dismiss it
|
||||||
if (dismissBubble) {
|
if (dismissBubble) {
|
||||||
@ -67,6 +76,7 @@ define(
|
|||||||
// Also clear mouse position so we don't have a ton of tiny
|
// Also clear mouse position so we don't have a ton of tiny
|
||||||
// arrays allocated while user mouses over things
|
// arrays allocated while user mouses over things
|
||||||
mousePosition = undefined;
|
mousePosition = undefined;
|
||||||
|
touchPosition = undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
function showBubble(event) {
|
function showBubble(event) {
|
||||||
@ -85,14 +95,39 @@ define(
|
|||||||
mousePosition
|
mousePosition
|
||||||
);
|
);
|
||||||
element.off('mousemove', trackPosition);
|
element.off('mousemove', trackPosition);
|
||||||
|
|
||||||
pendingBubble = undefined;
|
pendingBubble = undefined;
|
||||||
}, DELAY);
|
}, DELAY);
|
||||||
|
|
||||||
element.on('mouseleave', hideBubble);
|
element.on('mouseleave', hideBubble);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function showTouchBubble(event) {
|
||||||
|
// Makes sure user is only touching one place
|
||||||
|
if (event.touches.length < 2) {
|
||||||
|
trackTouchPosition(event);
|
||||||
|
pendingBubble = $timeout(function () {
|
||||||
|
dismissBubble = infoService.display(
|
||||||
|
"info-table",
|
||||||
|
domainObject.getModel().name,
|
||||||
|
domainObject.useCapability('metadata'),
|
||||||
|
touchPosition
|
||||||
|
);
|
||||||
|
}, touchDELAY);
|
||||||
|
|
||||||
|
element.on('touchend', hideBubble);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Checks if you are on a mobile device, if the device is
|
||||||
|
// not mobile (queryService.isMobile() = false), then
|
||||||
|
// the pendingBubble and therefore hovering is allowed
|
||||||
|
if (!queryService.isMobile(navigator.userAgent)) {
|
||||||
// Show bubble (on a timeout) on mouse over
|
// Show bubble (on a timeout) on mouse over
|
||||||
element.on('mouseenter', showBubble);
|
element.on('mouseenter', showBubble);
|
||||||
|
} else if (queryService.isMobile(navigator.userAgent)) {
|
||||||
|
element.on('touchstart', showTouchBubble);
|
||||||
|
}
|
||||||
|
|
||||||
// Also make sure we dismiss bubble if representation is destroyed
|
// Also make sure we dismiss bubble if representation is destroyed
|
||||||
// before the mouse actually leaves it
|
// before the mouse actually leaves it
|
||||||
|
|||||||
@ -28,6 +28,7 @@ define(
|
|||||||
|
|
||||||
describe("The info gesture", function () {
|
describe("The info gesture", function () {
|
||||||
var mockTimeout,
|
var mockTimeout,
|
||||||
|
mockQueryService,
|
||||||
mockInfoService,
|
mockInfoService,
|
||||||
testDelay = 12321,
|
testDelay = 12321,
|
||||||
mockElement,
|
mockElement,
|
||||||
@ -50,6 +51,7 @@ define(
|
|||||||
beforeEach(function () {
|
beforeEach(function () {
|
||||||
mockTimeout = jasmine.createSpy('$timeout');
|
mockTimeout = jasmine.createSpy('$timeout');
|
||||||
mockTimeout.cancel = jasmine.createSpy('cancel');
|
mockTimeout.cancel = jasmine.createSpy('cancel');
|
||||||
|
mockQueryService = jasmine.createSpyObj('queryService', ['isMobile']);
|
||||||
mockInfoService = jasmine.createSpyObj(
|
mockInfoService = jasmine.createSpyObj(
|
||||||
'infoService',
|
'infoService',
|
||||||
[ 'display' ]
|
[ 'display' ]
|
||||||
@ -79,6 +81,7 @@ define(
|
|||||||
|
|
||||||
gesture = new InfoGesture(
|
gesture = new InfoGesture(
|
||||||
mockTimeout,
|
mockTimeout,
|
||||||
|
mockQueryService,
|
||||||
mockInfoService,
|
mockInfoService,
|
||||||
testDelay,
|
testDelay,
|
||||||
mockElement,
|
mockElement,
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"key": "ELASTIC_ROOT",
|
"key": "ELASTIC_ROOT",
|
||||||
"value": "/elastic",
|
"value": "http://localhost:9200",
|
||||||
"priority": "fallback"
|
"priority": "fallback"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@ -26,7 +26,7 @@
|
|||||||
{
|
{
|
||||||
"key": "menu",
|
"key": "menu",
|
||||||
"implementation": "gestures/ContextMenuGesture.js",
|
"implementation": "gestures/ContextMenuGesture.js",
|
||||||
"depends": []
|
"depends": ["queryService"]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"components": [
|
"components": [
|
||||||
|
|||||||
@ -39,15 +39,17 @@ define(
|
|||||||
* @param {DomainObject} domainObject the object on which actions
|
* @param {DomainObject} domainObject the object on which actions
|
||||||
* in the context menu will be performed
|
* in the context menu will be performed
|
||||||
*/
|
*/
|
||||||
function ContextMenuGesture(element, domainObject) {
|
function ContextMenuGesture(queryService, element, domainObject) {
|
||||||
var actionContext,
|
var actionContext,
|
||||||
stop;
|
stop;
|
||||||
|
|
||||||
// When context menu event occurs, show object actions instead
|
// When context menu event occurs, show object actions instead
|
||||||
|
if (!queryService.isMobile(navigator.userAgent)) {
|
||||||
element.on('contextmenu', function (event) {
|
element.on('contextmenu', function (event) {
|
||||||
actionContext = {key: 'menu', domainObject: domainObject, event: event};
|
actionContext = {key: 'menu', domainObject: domainObject, event: event};
|
||||||
stop = domainObject.getCapability('action').perform(actionContext);
|
stop = domainObject.getCapability('action').perform(actionContext);
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
return {
|
return {
|
||||||
/**
|
/**
|
||||||
|
|||||||
@ -36,6 +36,7 @@ define(
|
|||||||
|
|
||||||
describe("The 'context menu' gesture", function () {
|
describe("The 'context menu' gesture", function () {
|
||||||
var mockElement,
|
var mockElement,
|
||||||
|
mockQueryService,
|
||||||
mockDomainObject,
|
mockDomainObject,
|
||||||
mockEvent,
|
mockEvent,
|
||||||
gesture,
|
gesture,
|
||||||
@ -45,8 +46,9 @@ define(
|
|||||||
mockElement = jasmine.createSpyObj("element", JQLITE_FUNCTIONS);
|
mockElement = jasmine.createSpyObj("element", JQLITE_FUNCTIONS);
|
||||||
mockDomainObject = jasmine.createSpyObj("domainObject", DOMAIN_OBJECT_METHODS);
|
mockDomainObject = jasmine.createSpyObj("domainObject", DOMAIN_OBJECT_METHODS);
|
||||||
mockEvent = jasmine.createSpyObj("event", ["preventDefault"]);
|
mockEvent = jasmine.createSpyObj("event", ["preventDefault"]);
|
||||||
|
mockQueryService = jasmine.createSpyObj("queryService", ["isMobile"]);
|
||||||
|
|
||||||
gesture = new ContextMenuGesture(mockElement, mockDomainObject);
|
gesture = new ContextMenuGesture(mockQueryService, mockElement, mockDomainObject);
|
||||||
|
|
||||||
// Capture the contextmenu callback
|
// Capture the contextmenu callback
|
||||||
fireGesture = mockElement.on.mostRecentCall.args[1];
|
fireGesture = mockElement.on.mostRecentCall.args[1];
|
||||||
|
|||||||
Reference in New Issue
Block a user