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" > +
+ + + + Copy + + + + Download + + + {{ type }} + + + + Close + + +
-
- - - - Copy - - - - Download - - - {{ type }} - - - - 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;