diff --git a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/RawDialog.vue b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/RawDialog.vue
index c107da381..d9e56b03f 100644
--- a/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/RawDialog.vue
+++ b/openc3-cosmos-init/plugins/packages/openc3-cosmos-tool-cmdtlmserver/src/tools/CmdTlmServer/RawDialog.vue
@@ -27,44 +27,44 @@
class="raw-dialog"
ref="rawDialog"
>
+
-
-
-
-
-
-
- mdi-content-copy
-
-
-
- Copy
-
-
-
-
-
- mdi-download
-
-
-
- Download
-
-
- {{ type }}
-
-
-
-
-
- mdi-close-box
-
-
-
- Close
-
-
-
{{ header }}
@@ -200,9 +200,8 @@ export default {
this.dragX = e.clientX
this.dragY = e.clientY
// set the element's new position:
- this.top = this.$refs.bar.parentElement.parentElement.offsetTop - yOffset
- this.left =
- this.$refs.bar.parentElement.parentElement.offsetLeft - xOffset
+ this.top = this.$refs.bar.parentElement.offsetTop - yOffset
+ this.left = this.$refs.bar.parentElement.offsetLeft - xOffset
},
closeDragElement: function () {
// stop moving when mouse button is released
@@ -338,18 +337,20 @@ export default {
border-color: white;
resize: both;
overflow: auto;
+ min-height: 28px;
max-height: 85vh;
+ min-width: 800px;
background-color: var(--color-background-base-selected);
}
-.raw-dialog :deep(.v-card) {
- height: 100%;
- min-width: 800px;
+.raw-dialog .toolbar-wrapper {
+ position: sticky;
+ top: 0;
+ z-index: 1;
}
-.raw-dialog :deep(.v-card__text) {
- height: 100%;
+.raw-dialog .v-card-text {
background-color: var(--color-background-base-selected);
}
-.v-textarea :deep(textarea) {
+.v-textarea textarea {
margin-top: 10px;
font-family: 'Courier New', Courier, monospace;
overflow-y: scroll;