Space instead of border between rows

[gandaldf]

Hi, I would like to know if there a way to put some "space" or a "row-space" between the rows interested by the drag and drop event. Now, while I'm dragging, there's only a grey border to highlight the future position of my row but this make it hard to drop, especialy if you work with a browser zoom < 100%. Could someone please help me with this?

[luke82]

Hi, I have solved a similar problem and I highlighted border. Like there:

http://dragtest1.slevkov.cz/index.html

add: border-bottom: 2px dotted #ff0000;

into:

.ui-grid-draggable-row-over:before {
...
--- here ---
}

[Waszislaw]

Hi, unfortunately, there is no such a possibility right now. The only way to walk around this is to style before element as @luke82 did.

[gandaldf]

Ok, no problem... I will try to use it as @luke82 said. I have found that with this css the things seems to work a little better:

.ui-grid-draggable-row-over {
  position: relative;
  box-sizing: border-box;
}
.ui-grid-draggable-row-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  border: 1px solid #f00;
  box-sizing: border-box;
}
.ui-grid-draggable-row-over--above:before {
  top: -1px;
  box-sizing: border-box;
}
.ui-grid-draggable-row-over--below:before {
  bottom: -1px;
  box-sizing: border-box;
}

Basically, bottom: -1px and top: -1px reduce the "flickering" of the line when you are exactly between two rows.

[Waszislaw]

Thank you for your advice! Indeed it seems to work better that way. Our team will finally resume supporting this project, we will try to make some fixes and upgrades soon.