mirror of
https://github.com/nasa/openmct.git
synced 2024-12-28 00:48:51 +00:00
4e79de6156
open #250 open #260 vista#132 Major refactoring to markup and CSS to apply flex layout strategy to object headers; Flex necessary to fix 'overflow: hidden' setting applied in open90 to object-browse-bar that was preventing the view switcher menu from appearing; Browse, edit, mobile, frames in layouts, etc. all visually checked in a first go round; Mobile classes tweaked to fix left and right margin problems resulting from open90 changes; z-indexing of Inspector pane and splitters changed to allow primary pane elements to overflow beneath when primary pane width is severely constrained;
51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<!--
|
|
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.
|
|
-->
|
|
<span ng-controller="BrowseObjectController">
|
|
<div class="object-browse-bar l-flex-row">
|
|
<div class="items-select left flex-elem l-flex-row grows">
|
|
<mct-representation key="'back-arrow'"
|
|
mct-object="domainObject"
|
|
class="flex-elem l-back"></mct-representation>
|
|
<mct-representation key="'object-header'"
|
|
mct-object="domainObject"
|
|
class="l-flex-row flex-elem grows object-header">
|
|
</mct-representation>
|
|
</div>
|
|
<div class="btn-bar right l-flex-row flex-elem flex-justify-end flex-fixed">
|
|
<mct-representation key="'switcher'"
|
|
mct-object="domainObject"
|
|
ng-model="representation">
|
|
</mct-representation>
|
|
<!-- Temporarily, on mobile, the action buttons are hidden-->
|
|
<mct-representation key="'action-group'"
|
|
mct-object="domainObject"
|
|
parameters="{ category: 'view-control' }"
|
|
class="mobile-hide">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
<mct-representation key="representation.selected.key"
|
|
mct-object="representation.selected.key && domainObject"
|
|
class="abs object-holder">
|
|
</mct-representation>
|
|
</span>
|