Merge pull request #1441 from FlowFuse/wysiwyg-fix-width

WYSIWYG: Fix edit controls taking full width fo the page
FlowFuse · Nov 4, 2024 · 506a8f0 · 506a8f0
2 parents 7031396 + 01cfafe
commit 506a8f0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/ui/src/layouts/Grid.vue b/ui/src/layouts/Grid.vue
@@ -239,11 +239,6 @@ export default {
     gap: var(--group-gap);
 }
 
-.nrdb-layout--grid > div {
-    width: 100%;
-    /* max-width: 100%; */
-}
-
 .v-card {
     width: 100%;
 }

diff --git a/ui/src/layouts/wysiwyg/EditControls.vue b/ui/src/layouts/wysiwyg/EditControls.vue
@@ -41,14 +41,16 @@ export default {
 .nrdb-ui-editor-tray-container {
     position: fixed;
     top: 0;
-    left: 0;
     z-index: 1000;
-    width: 100%;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     --shadow: 0px 0px 5px #000000de;
+    width: fit-content;
+    left: 50%;
+    right: 50%;
+    transform: translate(-50%);
 }
 .nrdb-ui-editor-tray {
     background-color: white;