CSS .ce_gallery .cols_x

[Metis77]

.cols_x zu .ce_gallery anfügen

Da Editoren die Anzahl der Spalten einer Galerie variieren dürfen und sollen, sollte die Spaltenzahl dem ContentElement als Klasse mitgegeben werden.

Warum?

Responsive Design

Gerade im Responsive Design ist es von Vorteil, weil oft zB eine 5 spaltige Galerie anders umbrechen soll als eine 3 Spaltige.

High Res Display (Retina Images)

Ein beliebter Ansatz, der auch in vielen Contao Themes so verwendet wird, basiert darauf, dass die Galerie Bilder skaliert werden, und deshalb nicht mehr die px Angaben des <img> wiederspiegeln.
Daher ergibt sich das Layout nicht mehr aus der wirklichen Breite der Bilder, sondern zB aus .image_container { width: 33%} für eine dreispaltige Galerie.
Wenn in solch einem Theme der Editor die Spaltenzahl ändert, ohne die vom theme vorgesehene Klasse anzugeben, zerhaut es das Design.

Deshalb schlage ich vor, dem .ce_gallery noch ein .cols_x mitzugeben.

[leofeyer]

Wie lässt sich das initiale Problem reproduzieren?

[Metis77]

@leofeyer Ich weiß jetzt nicht, wie ich das anders beschreiben soll.
Es handelt sich hierbei um keinen Bug, eher um einen Verbesserungsvorschlag.

Vielleicht hilft ein Beispiel:
http://demo.rocksolidthemes.com/?theme=contao-tao&language=de
Dort Features -> "Bilder & Galerien" wählen.

Bei der Galerie mit fünf Bildern pro Reihe die Klasse -per-row-5 entfernen und man hat das von mir beschriebene Verhalten.

Da oft Galerien abhängig von der Spaltenanzahl gestyled werden, sollte Anzahl der Spalten direkt als Klasse cols_xausgegeben werden.

[fjacobi]

+1 als Feature Request

[fritzmg]

+1, kann aber jeder selbst ganz einfach machen. gallery_default:

<ul class="row-<?php echo $this->perRow; ?>">

[leofeyer]

Hinzugefügt in 7c9e6c7.