Fixed Alignment of repeat groups in a list view

[ghicar]

There is a small cosmetic issue in a list view with a repeating group with "merge" or "merge reduce". When there are multiple repeat groups the elements are displayed in an unordered list, whereas when there is only a single repeat group the elements are simply displayed without an unordered list. This results in non alignment vertically as there is a 5px padding applied when >1 repeat groups present.

I have worked round this using some custom css in ~components/com_fabrik/views/list/tmpl/bootstrap/custom-css.php

td.repeat-merge ul.fabrikRepeatData li, td.repeat-reduce ul.fabrikRepeatData li {
    padding: 5px 5px 5px 0 !important;
}

td.repeat-merge, td.repeat-reduce {
    padding-left: 5px !important;
}

Which gives a better presentation (vertically aligned text):

Environment is
Fabrik 4.3.1
Joomla 5.1.4
php 8.2.22

 

[achartier]

I don't actually see any difference between your 2 screenshots.

 

[ghicar]

Hi Achartier, I guess a bit hard to see in the screenshots, but the rows with a single repeat have no left padding in the Role and Name columns. So the text do not left align which is visually unappealing.

 

[achartier]

Ah, I see now. I am no css person so I will leave if for when @troester returns.

 

[troester]

https://bitbucket.org/fabrikar/fabrik/commits/b0d95299e95f49ddd7131c2c9b0eafc63af6ec79

Removes repeat data padding in fabrik.css.
The styling (if necessary) should be done in list template css (and using !important is no good coding anyway)

 

[ghicar]

Works for me, many thanks.

My thought was that the issue stemmed from the fact that Fabrik displays multiple repeats as an UL whereas when there is a single repeat it is displayed without the UL. I guess Fabrik could always display a repeatable group as an UL irrespective of how many repeats there are.