ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-17 06:38:17 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

UI enhancement fixes 2 (#3225)

Browse Source 
- Fixed incorrect CSS naming: `c-frame-edit__move` changed to
 `c-frame__move-bar`;
 - Fixed `display: contents` that was erroneously applied to
 `u-angular-object-view-wrapper` and preventing styling from being
 applied to plots, renamed class to `.l-angular-ov-wrapper`;
 - Removed commented CSS;
This commit is contained in:
Charles Hacskaylo
2020-07-22 20:20:17 -07:00
committed by GitHub
parent afeb89a51a
commit d9baa94970
6 changed files with 16 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/plugins/displayLayout/components/LayoutFrame.vue
View File

@ -31,9 +31,8 @@
:style="style"
>
<slot></slot>
<div
class="c-frame-edit__move"
class="c-frame__move-bar"
@mousedown="isEditing ? startMove([1,1], [0,0], $event) : null"
></div>
</div>

2
src/plugins/displayLayout/components/LineView.vue
View File

@ -44,7 +44,7 @@
</svg>
<div
class="c-frame-edit__move"
class="c-frame__move-bar"
@mousedown="startDrag($event)"
></div>
<div

16
src/plugins/displayLayout/components/layout-frame.scss
View File

@ -13,7 +13,7 @@
}
}
.c-frame-edit__move {
.c-frame__move-bar {
display: none;
}
@ -33,7 +33,7 @@
border: $editFrameSelectedBorder;
box-shadow: $editFrameSelectedShdw;
.c-frame-edit__move {
.c-frame__move-bar {
cursor: move;
}
}
@ -41,7 +41,7 @@
/******************* DEFAULT STYLES FOR -EDIT__MOVE */
// All object types
.c-frame-edit__move {
.c-frame__move-bar {
@include abs();
display: block;
}
@ -56,7 +56,7 @@
transition-delay: $moveBarOutDelay;
}
+ .c-frame-edit__move {
+ .c-frame__move-bar {
display: none;
}
@ -72,7 +72,7 @@
transition-delay: $moveBarOutDelay;
}
+ .c-frame-edit__move {
+ .c-frame__move-bar {
transition: $transOut;
transition-delay: $moveBarOutDelay;
@include userSelectNone();
@ -115,7 +115,7 @@
transition-delay: 0s;
}
+ .c-frame-edit__move {
+ .c-frame__move-bar {
transition: $transIn;
transition-delay: 0s;
height: $editFrameMovebarH;
@ -125,7 +125,7 @@
}
> .l-layout__frame[s-selected] {
> .c-so-view.has-complex-content {
+ .c-frame-edit__move:before {
+ .c-frame__move-bar:before {
display: block;
}
}
@ -135,7 +135,7 @@
/******************* > 1 ITEMS SELECTED */
&.is-multi-selected {
.l-layout__frame[s-selected] {
> .c-so-view.has-complex-content + .c-frame-edit__move {
> .c-so-view.has-complex-content + .c-frame__move-bar {
display: block;
}
}