[4.0] Subform styling for non table layout

[Fedik]

Summary of Changes

Fixing subform styling.
Adopted from joomla 3

Testing Instructions

Apply patch, run node build/build.js --compile-css

Add subform field somewhere, example in mod_custom xml

<field type="subform" name="subform" label="subform" multiple="true">
  <form>
    <field type="text" name="text" label="text" />
    <field type="textarea" name="textarea" label="textarea" />
  </form>
</field>

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Documentation Changes Required

[Fedik]

this for 4.0.x

[Waleet]

Hello Fedik,
I tested your changes successfully on my machine.
Although I noticed that dragging and dropping feels a bit clunky.
You have to be very precise with the mouse to grab an item.
Maybe that is tweakable?
Also while holding on to an item it becomes hard to see what you´re currently holding.
That may be because white on white is hard to see.

Nonetheless good addition :)

[Waleet]

I have tested this item ✅ successfully on 34a1de2

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35142.}

[Fedik]

Also while holding on to an item it becomes hard to see what you´re currently holding.

I have added a light background for "draggable" section,
Please test again.

[brianteeman]

Can you use the same styling for the dragging as is used when you are ordering a menu item etc. That will make the ui more consistent

[Fedik]

Can you use the same styling for the dragging as is used when you are ordering a menu item etc. That will make the ui more consistent

yes, if someone tell me where I can copy that ;)

[brianteeman]

It's coming from dragula in media/vendor

[Fedik]

ah, wait, that toxic green? no, not allowed :)

[Fedik]

okay, changed, however I not like that color.
just for consistency

[AndySDH]

I have tested this item ✅ successfully on ff878dd

Thanks, nice UI improvement

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35142.}

[RickR2H]

I have tested this item ✅ successfully on ff878dd

This layout is a lot more clear.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35142.}

[Quy]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35142.}

[Quy]

Thanks!