Drone is not happy.

Would'nt it rather be something like

diff --git a/administrator/templates/atum/scss/vendor/_dragula.scss b/administrator/templates/atum/scss/vendor/_dragula.scss
index 9a5fd00..553ef42 100644
--- a/administrator/templates/atum/scss/vendor/_dragula.scss
+++ b/administrator/templates/atum/scss/vendor/_dragula.scss
@@ -7,12 +7,9 @@
   cursor: move;
   background-color: $teal;
+  display: table;
   opacity: .8;
 
-  &.table {
-    display: table;
-
-    td {
-      display: table-cell;
-    }
+  td, th {
+    background-color: $teal;
   }
 }
diff --git a/build/media_source/system/js/draggable.es6.js b/build/media_source/system/js/draggable.es6.js
index b69e987..84075c8 100644
--- a/build/media_source/system/js/draggable.es6.js
+++ b/build/media_source/system/js/draggable.es6.js
@@ -95,4 +95,6 @@
         return sibling === null || (sibling && sibling.tagName.toLowerCase() === 'tr');
       },
+
+      mirrorContainer: container,
     })
       .on('drag', () => {
@@ -100,6 +102,5 @@
       })
       .on('cloned', () => {
-        const el = document.querySelector('.gu-mirror');
-        el.classList.add('table');
+
       })
       .on('drop', () => {

Also: we do have a /templates/cassiopeia/scss/vendor/_dragula.scss although I can't find where it is used.

I have tested this item ✅ successfully on 2111a1f

This fixes icon layout on dragging on other pages as well as the one initially reported.

I have tested this item ✅ successfully on 2111a1f

OK!

@infograf768

• &.table {
• display: table;

.table can't be used here because it has been already defined and messes up the styling. Either we can remove the class or rename it. I chose to remove the .table. Can you explain why do you suggest keeping it?

Also: we do have a /templates/cassiopeia/scss/vendor/_dragula.scss although I can't find where it is used.

It is used by Dragula library to add the CSS to elements while they are being dragged. They provide some default CSS, but we can override it to suit our needs.

@rs4231199
I’m not questionning your patch, just its formatting. Please look at the diff I posted. Minus means taking off the line, plus means adding it, indentation and order of stuff is corrected.

As for

Also: we do have a /templates/cassiopeia/scss/vendor/_dragula.scss although I can't find where it is used.

I know what it is supposed to do, but I do not see any place in CASSIOPEA where it is used.

I know what it is supposed to do, but I do not see any place in CASSIOPEA where it is used.

We only need to define it. Dragula adds it to the elements. see this.

@Quy Please review the PR.

I have tested this item ✅ successfully on f33d13d

I know what it is supposed to do, but I do not see any place in CASSIOPEIA where it is used.

@infograf768 Oh. I'm sorry I misunderstood your statement. I couldn't find any use of it in CASSIOPEIA either.

I have tested this item ✅ successfully on f33d13d

We can delete the cassiopea specific scss in another pr

RTC

Thanks, good job!