1

I am using nagular/dragula and trying to achieve an effect where the intended drop place is signalled by an insert line rather than an empty box. Somehow though, when I style that .gu-transit element like so:

.gu-transit {
  height: 0px;
  border: 1px solid red;
}

it also affects the .gu-mirror element (the drag helper) - it acquires same height. Is it possible to separate those two, or is it current limitation of the module?

user776686
  • 7,933
  • 14
  • 71
  • 124
  • if I change on chrome dev-tools the `.gu-transit` class style to `background-color: purple !important` it just gives a purple background to the drop place element. – cassmtnr Apr 02 '18 at 19:52
  • Thanks but that doesn't solve my problem - using `height` together with `!important` still affects both classes. – user776686 Apr 02 '18 at 21:52
  • Can you try using `.gu-transit { height: 0px !important; }` and `.gu-mirror {height: inherit !important}` ? – cassmtnr Apr 02 '18 at 22:18
  • Yes, this in fact works for this particular property, but I still have problems with separating appearance one from another. – user776686 Apr 03 '18 at 07:43
  • I think that's a bug, you should open a issue. – cassmtnr Apr 03 '18 at 11:12

0 Answers0