Module preview styling

[ciar4n]

Pull Request for Issue # .

Summary of Changes

General styling. Most notable difference is moving positioning from absolute to relative.

Testing Instructions

Open frontend with module position preview... https://docs.joomla.org/Finding_module_positions_on_any_given_page

Before

After

Documentation Changes Required

[brianteeman]

Before this pr the module preview would display the position even if it is not active on the page. From your screenshot it looks like you had to create a module in order for it to show. ??

This is much more readable but personally I miss the outline of the position

[ciar4n]

Nothing has really changed except the styling. Previously when the module was not published, the module position was also echoed as module content. It was not visible because it was covered by the module details (position and style).

I can add back in the outline. My reasoning for removing the outline was that the module width should be evident by the width of the details block. The height equally evident by the following module position.

[brianteeman]

I have found the module outline is useful when the template hardcodes something. For example some templates hardcode the search but keep a module nearby

[ciar4n]

Something like this suitable?...

[brianteeman]

This is the extra text I was referring to. It is confusing because it is shown only if the module position is empty

I understand that it was there before and that you couldnt see it - but now that you can see it, it looks confusing

[brianteeman]

Just saw your new screenshot. Is the styling your own or the default styling for that position?

[ciar4n]

I have removed the content = position if the module is not published. Kittens die when I start diving to deep in to php so might be a good idea if someone could double check that commit.

[brianteeman]

Thanks - looks much better without the module name visible

[ciar4n]

That styling would be separate to the module styling. Similar to the previous outline.

[brianteeman]

That would be great then - thank you

[ciar4n]

Module outline added as seen in previous screenshot

[brianteeman]

I have tested this item ✅ successfully on 6efa100

---

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

[Quy]

I have tested this item ✅ successfully on 6efa100

---

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

[Quy]

RTC

---

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