list layout: headers don't wrap

[trob]

2feff0d
fabrik.css
+/** Prevent line breaks between sort icon and heading label in lists */
+
+.heading.fabrik_ordercell {

• white-space: nowrap;

not good; this prevents any wrap in header labels and so expanding list width if you have some descriptive list headers

BTW: fabrik_ordercell is added even if the element is not set to "enable ordering"

[Sophist-UK]

IMO the correct way of prevent a line break at a specific point between sort icon and heading label is to use a non-breaking space  .

I appreciate that this does not make it easy (or possible) to override using CSS, but that is nevertheless the correct way to stop a line break at a specific point.

[trob]

Not so easy because it's done with
<span class="some-icon"></span>Header text
eek, markdowns

[Sophist-UK]

<span class="some-icon"></span>&nbsp;Header text or
<span class="some-icon">&nbsp;</span>Header text

Simples.

[Sophist-UK]

Hmmm... on reflection I may have been talking b****cks.

I am not sure whether you get a line-breaking point between a span and text if there is no space between them. Is there a space inserted by Fabrik?

[trob]

3.4.1:
fabrik_ordercell is still added to ALL headers, no matter if the element's "Enable odering" is set or not
and
.heading.fabrik_ordercell, .fabrikTag {
white-space: nowrap;
}
is preventing long headers from wrapping

A possible solution: instead of
<i class="icon-menu-2 " data-isicon="true"></i>Labeltext aa bb cc
do
<i class="icon-menu-2 " data-isicon="true" style="font-style:inherit"> abeltext aa bb cc</i>

or at least only set nowrap on ordered columns with
.heading.fabrik_ordercell a, .fabrikTag {
white-space: nowrap;
}

[pollen8]

personally I think this is a matter of choice, not a bug. I've had people argue the other way round. That wrapping the titles looks odd as well.
Ultimately I would suggest that its managed in the template css.

[trob]

Seams to be fixed 85fb3b1