diff --git a/platform/commonUI/general/src/directives/MCTSelectable.js b/platform/commonUI/general/src/directives/MCTSelectable.js
index 8cae3a741e..f7c8086a17 100644
--- a/platform/commonUI/general/src/directives/MCTSelectable.js
+++ b/platform/commonUI/general/src/directives/MCTSelectable.js
@@ -54,6 +54,7 @@ define(
if (isDestroyed) {
return;
}
+
var removeSelectable = openmct.selection.selectable(
element[0],
scope.$eval(attrs.mctSelectable),
diff --git a/src/plugins/plot/res/templates/stacked-plot.html b/src/plugins/plot/res/templates/stacked-plot.html
index c12ba21355..de6808d2ec 100644
--- a/src/plugins/plot/res/templates/stacked-plot.html
+++ b/src/plugins/plot/res/templates/stacked-plot.html
@@ -43,12 +43,16 @@
-
diff --git a/src/plugins/plot/src/telemetry/StackedPlotController.js b/src/plugins/plot/src/telemetry/StackedPlotController.js
index 0d28dbc0a6..f2be95448a 100644
--- a/src/plugins/plot/src/telemetry/StackedPlotController.js
+++ b/src/plugins/plot/src/telemetry/StackedPlotController.js
@@ -79,6 +79,15 @@ define([
$scope.$broadcast('plot:tickWidth', _.max(tickWidthMap));
}
}
+
+ function compositionReorder(reorderPlan) {
+ let oldComposition = telemetryObjects.slice();
+
+ reorderPlan.forEach((reorder) => {
+ telemetryObjects[reorder.newIndex] = oldComposition[reorder.oldIndex];
+ });
+ }
+
thisRequest.pending += 1;
openmct.objects.get(domainObject.getId())
.then(function (obj) {
@@ -89,10 +98,12 @@ define([
composition = openmct.composition.get(obj);
composition.on('add', addChild);
composition.on('remove', removeChild);
+ composition.on('reorder', compositionReorder);
composition.load();
unlisten = function () {
composition.off('add', addChild);
composition.off('remove', removeChild);
+ composition.off('reorder', compositionReorder);
};
});
}
diff --git a/src/plugins/tabs/components/tabs.vue b/src/plugins/tabs/components/tabs.vue
index ffa011e026..6151deecaf 100644
--- a/src/plugins/tabs/components/tabs.vue
+++ b/src/plugins/tabs/components/tabs.vue
@@ -7,7 +7,8 @@
}">
+ @dragenter="dragenter"
+ @dragleave="dragleave">
Drag objects here to add them to this view.
@@ -197,13 +198,6 @@ export default {
document.addEventListener('dragstart', this.dragstart);
document.addEventListener('dragend', this.dragend);
-
- let dropHint = this.$refs.dropHint;
-
- if (dropHint) {
- dropHint.addEventListener('dragenter', this.dragenter);
- dropHint.addEventListener('dragleave', this.dragleave);
- }
},
destroyed() {
this.composition.off('add', this.addItem);
@@ -212,12 +206,6 @@ export default {
document.removeEventListener('dragstart', this.dragstart);
document.removeEventListener('dragend', this.dragend);
- },
- beforeDestroy() {
- let dropHint = this.$refs.dropHint;
-
- dropHint.removeEventListener('dragenter', this.dragenter);
- dropHint.removeEventListener('dragleave', this.dragleave);
}
}
diff --git a/src/styles-new/_legacy-plots.scss b/src/styles-new/_legacy-plots.scss
index 8621afddb1..4a211dbae3 100644
--- a/src/styles-new/_legacy-plots.scss
+++ b/src/styles-new/_legacy-plots.scss
@@ -51,6 +51,22 @@ mct-plot {
}
}
+.is-editing {
+ .gl-plot.child-frame {
+ &:hover {
+ background: rgba($editUIColorBg, 0.1);
+ box-shadow: inset rgba($editUIColorBg, 0.8) 0 0 0 1px;
+ }
+
+ &[s-selected] {
+ border: 1px solid $editUIColorFg !important;
+ color: $editUIColorFg !important;
+ box-shadow: $editFrameSelectedShdw;
+ z-index: 2;
+ }
+ }
+}
+
.gl-plot {
color: $colorPlotFg;
display: flex;