mirror of
https://github.com/nasa/openmct.git
synced 2025-01-19 11:17:04 +00:00
[Frontend] Mods to layout element editing handles
WTD-951 In-progress checkin
This commit is contained in:
Charles Hacskaylo
parent
f6eb9904ff
commit
a984e60ca5
@ -2641,6 +2641,75 @@ label.checkbox.custom {
|
||||
right: 0;
|
||||
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 26, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
bottom: 40px;
|
||||
left: 40px; }
|
||||
/* line 33, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle.edit-move {
|
||||
cursor: move;
|
||||
left: 30%;
|
||||
right: 30%;
|
||||
top: 30%;
|
||||
bottom: 30%; }
|
||||
/* line 42, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle.edit-resize-n {
|
||||
top: 0px;
|
||||
bottom: auto;
|
||||
height: 15px;
|
||||
cursor: n-resize; }
|
||||
/* line 47, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle.edit-resize-e {
|
||||
right: 0px;
|
||||
left: auto;
|
||||
width: 15px;
|
||||
cursor: e-resize; }
|
||||
/* line 52, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle.edit-resize-s {
|
||||
bottom: 0px;
|
||||
top: auto;
|
||||
height: 15px;
|
||||
cursor: s-resize; }
|
||||
/* line 57, ../sass/edit/_editor.scss */
|
||||
.edit-main .edit-handle.edit-resize-w {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
width: 15px;
|
||||
cursor: w-resize; }
|
||||
/* line 66, ../sass/edit/_editor.scss */
|
||||
.edit-main .frame.child-frame.panel:hover {
|
||||
border-color: #0099cc;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
|
||||
box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; }
|
||||
/* line 69, ../sass/edit/_editor.scss */
|
||||
.edit-main .frame.child-frame.panel:hover .edit-handle {
|
||||
background-color: rgba(0, 153, 204, 0.3); }
|
||||
|
||||
/* line 1, ../sass/features/_imagery.scss */
|
||||
.l-image-main-wrapper,
|
||||
.l-image-main,
|
||||
@ -4000,13 +4069,6 @@ input[type="text"] {
|
||||
.frame .view-switcher .name {
|
||||
display: none; }
|
||||
|
||||
/* line 73, ../sass/user-environ/_frame.scss */
|
||||
.edit-main .frame.child-frame.panel:hover {
|
||||
border-color: #0099cc;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px;
|
||||
box-shadow: rgba(0, 0, 0, 0.7) 0 3px 10px; }
|
||||
|
||||
/*****************************************************************************
|
||||
* Open MCT Web, Copyright (c) 2014-2015, United States Government
|
||||
* as represented by the Administrator of the National Aeronautics and Space
|
||||
|
||||
@ -45,6 +45,7 @@
|
||||
@import "controls/controls";
|
||||
@import "controls/lists";
|
||||
@import "controls/menus";
|
||||
@import "edit/editor";
|
||||
@import "features/imagery";
|
||||
@import "features/time-display";
|
||||
@import "controls/time-controller";
|
||||
|
||||
@ -19,3 +19,56 @@
|
||||
* this source code distribution or the Licensing information page available
|
||||
* at runtime from the About dialog for additional information.
|
||||
*****************************************************************************/
|
||||
|
||||
.edit-main {
|
||||
|
||||
|
||||
.edit-handle {
|
||||
$edgeHandleD: 15px;
|
||||
$cornerM: 50px;
|
||||
//@include border-radius(0.5em);
|
||||
//display: none;
|
||||
position: absolute;
|
||||
top: $cornerM; right: $cornerM; bottom: $cornerM; left: $cornerM;
|
||||
&.edit-move {
|
||||
$m: 30%;
|
||||
cursor: move;
|
||||
left: $m;
|
||||
right: $m;
|
||||
top: $m;
|
||||
bottom: $m;
|
||||
|
||||
}
|
||||
&.edit-resize-n {
|
||||
top: 0px; bottom: auto;
|
||||
height: $edgeHandleD;
|
||||
cursor: n-resize;
|
||||
}
|
||||
&.edit-resize-e {
|
||||
right: 0px; left: auto;
|
||||
width: $edgeHandleD;
|
||||
cursor: e-resize;
|
||||
}
|
||||
&.edit-resize-s {
|
||||
bottom: 0px; top: auto;
|
||||
height: $edgeHandleD;
|
||||
cursor: s-resize;
|
||||
}
|
||||
&.edit-resize-w {
|
||||
left: 0px; right: auto;
|
||||
width: $edgeHandleD;
|
||||
cursor: w-resize;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.frame.child-frame.panel {
|
||||
&:hover {
|
||||
border-color: $colorKey;
|
||||
@include boxShdwLarge();
|
||||
.edit-handle {
|
||||
background-color: rgba($colorKey, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -68,10 +68,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.edit-main .frame.child-frame.panel {
|
||||
&:hover {
|
||||
border-color: $colorKey;
|
||||
@include boxShdwLarge();
|
||||
}
|
||||
}
|
||||
|
||||
@ -34,29 +34,34 @@
|
||||
|
||||
<!-- Drag handles -->
|
||||
<span ng-show="domainObject.hasCapability('editor')">
|
||||
<span style="position: absolute; left: 12px; right: 12px; top: 12px; bottom: 12px; cursor: move;"
|
||||
<span
|
||||
class="edit-handle edit-move"
|
||||
mct-drag-down="controller.startDrag(childObject.getId(), [1,1], [0,0])"
|
||||
mct-drag="controller.continueDrag(delta)"
|
||||
mct-drag-up="controller.endDrag()">
|
||||
</span>
|
||||
|
||||
<span style="position: absolute; left: 0px; width: 12px; top: 12px; bottom: 12px; cursor: w-resize;"
|
||||
<span
|
||||
class="edit-handle edit-resize-w"
|
||||
mct-drag-down="controller.startDrag(childObject.getId(), [1,0], [-1,0])"
|
||||
mct-drag="controller.continueDrag(delta)"
|
||||
mct-drag-up="controller.endDrag()">
|
||||
</span>
|
||||
<span style="position: absolute; right: 0px; width: 12px; top: 12px; bottom: 12px; cursor: e-resize;"
|
||||
<span
|
||||
class="edit-handle edit-resize-e"
|
||||
mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [1,0])"
|
||||
mct-drag="controller.continueDrag(delta)"
|
||||
mct-drag-up="controller.endDrag()">
|
||||
</span>
|
||||
|
||||
<span style="position: absolute; left: 12px; right: 12px; top: 0px; height: 12px; cursor: n-resize;"
|
||||
<span
|
||||
class="edit-handle edit-resize-n"
|
||||
mct-drag-down="controller.startDrag(childObject.getId(), [0,1], [0,-1])"
|
||||
mct-drag="controller.continueDrag(delta)"
|
||||
mct-drag-up="controller.endDrag()">
|
||||
</span>
|
||||
<span style="position: absolute; left: 12px; right: 12px; bottom: 0px; height: 12px; cursor: s-resize;"
|
||||
<span
|
||||
class="edit-handle edit-resize-s"
|
||||
mct-drag-down="controller.startDrag(childObject.getId(), [0,0], [0,1])"
|
||||
mct-drag="controller.continueDrag(delta)"
|
||||
mct-drag-up="controller.endDrag()">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user