[Frontend] Mods to layout element editing handles

WTD-951
In-progress checkin
This commit is contained in:
Charles Hacskaylo
2015-06-16 10:48:31 -07:00
parent f6eb9904ff
commit a984e60ca5
5 changed files with 133 additions and 19 deletions

View File

@@ -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";

View File

@@ -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);
}
}
}
}

View File

@@ -68,10 +68,3 @@
}
}
}
.edit-main .frame.child-frame.panel {
&:hover {
border-color: $colorKey;
@include boxShdwLarge();
}
}