mirror of
https://github.com/nasa/openmct.git
synced 2024-12-26 00:01:05 +00:00
04c2eac9ef
Fixes #1437 Markup and CSS for `view large` button in frame context; Sass formatting cleanups; removed unused styles from _layout.scss; mods to MCTTriggerModal.js to remove button label functionality; Added new "icon-expand" glyph and class; Fixes #1437 Fixes #1423 New overlay > l-dialog and l-large-view classes; Fix context-menu z-index to allow context menu to appear in the overlay; .object-top-bar refactored and replaced with .object-browse-bar; frame > hover now only displays local controls for proper level, handles nested layout situation; Fixed font-weight display issues; MCTTriggerModal.js modified to do the following: - Remove .frame classes when displaying object in overlay - Allow click on this overlay .blocker to dismiss overlay Fixed min-width issue incorrectly targeting .object-browse-bar in frame context; Added expand anim to large view holder; Changed close button icon Significant mobile styling and cleanups; Markup mods for overlay.html; Handles dialog on top of large view; Form validation now displays better in mobile; Updated /src/api/ui/dialog.html to be in-line with /platform/commonUI/dialog/res/templates/overlay.html; Moved border-radius from containerBase to btnBase mixins; Animate with scale for GPU acceleration Change desktop animation to use scale, so that it is hardware accelerated and buttery smooth. Also fixes text anti-aliasing to improve readability. Moved mobile/overlay/_overlay.scss styles into overlay/_overlay.scss; removed mobile/overlay/_overlay.scss; Cleanups in _overlay.scss; restored max-width/max-height to dialogs (removed in #1376 for #1298) and added min-width; [Frontend] Mobile fixes in overlay and related Fixes #1437 Added mobile-specific styling to _messages.scss; Fixed button layout and margins in _overlay.scss; Fixed message.html to not default to major style buttons; [Frontend] Timing tweaks Fixes #1437 Moved large view expand transition duration into theme _constants files; shortened anim duration Fix Style errors [mctTriggerModal] correct scope for toggle Correct scope for toggleFunction such that #1503 no longer occurs. Fixes #1503 [Style] Add copyright header
66 lines
3.4 KiB
HTML
66 lines
3.4 KiB
HTML
<!--
|
|
Open MCT, Copyright (c) 2014-2017, United States Government
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
Administration. All rights reserved.
|
|
|
|
Open MCT 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 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.
|
|
-->
|
|
<div ng-controller="BrowseObjectController" class="abs l-flex-col">
|
|
<div class="holder flex-elem l-flex-row object-browse-bar t-primary">
|
|
<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">
|
|
<span class="l-object-action-buttons">
|
|
<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 l-object-action-buttons">
|
|
</mct-representation>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="holder l-flex-col flex-elem grows l-object-wrapper l-controls-visible l-time-controller-visible">
|
|
<div class="holder l-flex-col flex-elem grows l-object-wrapper-inner">
|
|
<!-- Toolbar and Save/Cancel buttons -->
|
|
<div class="l-edit-controls flex-elem l-flex-row flex-align-end">
|
|
<mct-representation key="'edit-action-buttons'"
|
|
mct-object="domainObject"
|
|
class='flex-elem conclude-editing'>
|
|
</mct-representation>
|
|
|
|
</div>
|
|
<mct-representation key="representation.selected.key"
|
|
mct-object="representation.selected.key && domainObject"
|
|
class="abs flex-elem grows object-holder-main scroll">
|
|
</mct-representation>
|
|
</div>
|
|
</div>
|
|
<mct-include key="'conductor'" class="abs holder flex-elem flex-fixed l-flex-row l-time-conductor-holder"></mct-include>
|
|
</div>
|