Right hand-side toolbar positions and minor bugs

django-cms · Sep 25, 2024 · b788630 · b788630
1 parent a9cbf20
commit b788630
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/private/css/cms.tiptap.css b/private/css/cms.tiptap.css
@@ -65,11 +65,7 @@
         font-size: 1rem;
         font-weight: normal;
         visibility: hidden;
-        position: sticky;
-        inset-inline-start: 0;
-        inset-inline-end: auto;
-        width: auto;
-        top: 48px; /* Keep below toolbar */
+        position: absolute;
         pointer-events: all;
         display: flex;
         flex-flow: row wrap;

diff --git a/private/js/cms.dialog.js b/private/js/cms.dialog.js
@@ -275,11 +275,13 @@ class CmsForm {
 
         if (options && options.x && options.y) {
             const el_pos = this.el.getBoundingClientRect();
-            if (options.x > el_pos.width/2) {
+            if (options.x > window.innerWidth / 2) {
+                console.log("options.x", options.x);
+                console.log("el_pos.width", el_pos.width);
                 this.dialog.classList.add("right");
-                this.dialog.style.right = (options.x - el_pos.width - 5) + 'px';
+                this.dialog.style.right = ( el_pos.x + el_pos.width - options.x - 28) + 'px';
             } else {
-                this.dialog.style.left = (options.x - el_pos.x - 25) + 'px';
+                this.dialog.style.left = (options.x - el_pos.x - 28) + 'px';
             }
             this.dialog.style.top = (options.y - el_pos.y + 5) + 'px';
             this.dialog.style.transform = 'none';

diff --git a/private/js/cms.editor.js b/private/js/cms.editor.js
@@ -198,7 +198,7 @@ class CMSEditor {
                         // Prevent tooltip on hover
                         this.CMS.$(wrapper).off('pointerover.cms.plugin pointerout.cms.plugin')
                             .on('pointerover.cms-editor', function (event) {
-                                this.CMS.API.Tooltip.displayToggle(false, event.target, '', id);
+                                window.CMS.API.Tooltip.displayToggle(false, event.target, '', id);
                                 event.stopPropagation();
                             });
                     }