fix: action list layout issue.

FidelityInternational · Nov 20, 2024 · 64affce · 64affce
1 parent 6913e0c
commit 64affce
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/djangocms_version_locking/static/djangocms_version_locking/css/actions.css b/djangocms_version_locking/static/djangocms_version_locking/css/actions.css
@@ -104,5 +104,5 @@ ul.cms-pagetree-dropdown-menu-inner li a.inactive {
 }
 
 .btn.cms-action-btn.cms-action-burger {
-    margin-left: 4px !important;
+    margin-right: 4px !important;
 }
diff --git a/djangocms_version_locking/static/djangocms_version_locking/js/actions.js b/djangocms_version_locking/static/djangocms_version_locking/js/actions.js
@@ -92,10 +92,15 @@
 
       /* add the options to the drop-down */
       optionsContainer.appendChild(ul);
-      $(actions[0]).children('.cms-action-btn:last').after(anchor);
+      var action_children = $(actions[0]).children();
+      if (action_children.length > 0 && action_children.last().prop('classList').length < 1) {
+        $(actions[0]).children().last().before(anchor)
+      } else {
+        actions[0].appendChild(anchor)
+      }
       document.body.appendChild(optionsContainer);
-      /* listen for burger menu clicks */
 
+      /* listen for burger menu clicks */
       anchor.addEventListener('click', function (ev) {
         ev.stopPropagation();
         toggleBurgerMenu(anchor, optionsContainer);