mirror of
https://github.com/nasa/openmct.git
synced 2024-12-22 22:42:24 +00:00
425655bae0
Updates to sub object selection, first cut of selection APIs. * [API] Add inspector view registry to register inspector view providers and show a view in the inspector. [API] Modify the selection API to register the click event and handle the event. The API will add a class to the selected object and the immediate parent of the selected object. [Directive] Implemenet mct-selectable directive for making an element selectable. [Layout] Update the layout controller to use the Selection API. Also, add double click gesture to allow drilling into a selected object. Populate the Elements pool with contained elements of the selected object. Update toolbar and inspector to listen for the changes in selection. * [Frontend] Mods to markup and CSS for sub-object selection * MCTSelectable allows selection in initialization, use to select on navigation [Frontend] Show grid in first nested layout, hide from deeper nesting. Only show grids when applicable to relative selection. * Fix checkstyle and lint errors * Bring back the change that made mct-init-select work * [Inspector] Make sure the right content is displayed based on whether a view provider exists or not. * Only show table options when editing * Make reviewers' requested changes * Fix broken tests * [Frontend] Cleanups and tweaks Fixes #1811 - Cleanups between frame, editor and selecting.scss; - Hover and selected borders visually pumped up a bit; - Solid borders on hover and selecting when browsing; - Dashed borders for layouts when editing; - Fixed cursor to only show move capability when element is selected; * [Frontend] Tweaks to frame.no-frame layout Fixes #1811 - Margin set to 0; - Overflow set to hidden; * [Frontend] Fixed position items border width fixed Fixes #1811 - Set to 1px; * Add tests for inspector controller and fix broken tests. Clean up code. * [Fixed Position] Stop event propagation on click handlers in fixed position to avoid the event reaching the selection click handlers which caused issues with toolbar and selection." * Fix tests * Add tests * Add test * Remove element from document
94 lines
2.4 KiB
SCSS
94 lines
2.4 KiB
SCSS
/*****************************************************************************
|
|
* 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.
|
|
*****************************************************************************/
|
|
.t-fixed-position {
|
|
&.l-fixed-position {
|
|
@extend .abs;
|
|
}
|
|
|
|
.l-fixed-position-item {
|
|
border-width: 1px;
|
|
position: absolute;
|
|
&.s-not-selected {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.l-fixed-position-box,
|
|
.l-fixed-position-image,
|
|
.l-fixed-position-text {
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.l-fixed-position-box {
|
|
}
|
|
|
|
.l-fixed-position-image {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
.l-fixed-position-text {
|
|
border: 1px solid transparent;
|
|
font-size: 0.8rem;
|
|
$p: 1px;
|
|
line-height: 100%;
|
|
overflow: hidden;
|
|
&.l-static-text {
|
|
padding: $p;
|
|
}
|
|
&.l-telemetry {
|
|
.l-elem {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
padding: 2px;
|
|
&.l-title {
|
|
float: none;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
}
|
|
&.l-value {
|
|
border-radius: $smallCr;
|
|
$valPad: 5px;
|
|
float: right;
|
|
margin-left: $interiorMargin;
|
|
padding-left: $valPad;
|
|
padding-right: $valPad;
|
|
text-align: right;
|
|
&.telem-only {
|
|
margin-left: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.s-status-editing {
|
|
.l-fixed-position-item-handle.edit-corner { display: block; }
|
|
}
|