Teilweise geänderte CSS-Klassen ohne Updates am Layout-Builder-CSS

Hallo zusammen,

durch das Update von 4.13.x auf 5.0.x ändern sich diverse CSS-Klassen. Dabei habe ich folgende Probleme festgestellt:

Die neuen CSS-Klassen werden noch nicht einheitlich überall verwendet.
Beispiel:
Ein in einer Nachricht verwendetes Bild wird in der Newslist z. B. eingeleitet mit: <figure class="image_container float_right">...
Bei Inhaltselementen innerhalb der Nachricht sieht der Code aber so aus: <div class="media media--right content-text"><figure>...
Oder: Die Klasse ce_text heißt jetzt an vielen - aber nicht an allen - Stellen: content-text

Die neuen CSS-Klassen sind im CSS-Layout-Builder noch nicht bedacht.
Beispiel: die alte CSS-Klasse float_right ist im CSS-Builder entsprechend bedacht, die neue Klasse media--right nicht.

Alles in allem führen die genannten Probleme im Augenblick zu sehr vielen Anpassungsarbeiten an bestehenden Seiten, wenn man diese von 4.13.x auf 5.0.x updaten möchte.

Liebe Grüße
Tom

Hallo Tom,

das wurde wohl bei den Tests übersehen.
Bitte erstellt doch dazu jeweils Tickets auf Github.

Ich hab jetzt mal zwei Tickets dazu erstellt:

• https://github.com/contao/contao/issues/5219
• https://github.com/contao/contao/issues/5220

Blöde Frage aber verschwinden die Klassen ce_text und werden zu content-text bzw. float_right zu media--right? Ich hatte es erst so verstanden das media--right ein Fehler ist und es float_right sein sollte aber anscheinend ist es ja umgekehrt.

Werden andere Elemente auch imbenannt? ce_gallery, ce_table, ce_image etc.

Das zieht ja schon unter Umständen eine massive Änderungen mit sich. Warum werden denn jetzt auf einmal bestehende Klassen umbenannt? :-D

Edit:
Gerade mal in einer Testinstallation geschaut...es ist tatsächlich so! alle ce_* Elemente werden jetzt mit content-* ausgegeben...... #dislike

Aber auch irgendwie inkonsequent....ce_SliderStart und ce_accordionSingle zum Beispiel nicht....hmmmm

Dieser Link wurde gerade auf Github gepostet. Ich denke das ist hier auch interessant

https://github.com/contao/contao/blo...ntent-elements

... lässt sich das nicht einfach mit finde alle ce_ und ersetze sie durch content_ erledigen?

Oder so auf später vertagen:

Zitat:

---

The legacy content elements and their templates are still around and will only be dropped in Contao 6. If you want to use them instead of the new ones, you can opt in on a per-element basis by adding the respective lines to your contao/config/config.php:
// Restore legacy content elements
$GLOBALS['TL_CTE']['texts']['code'] = \Contao\ContentCode::class;
$GLOBALS['TL_CTE']['texts']['headline'] = \Contao\ContentHeadline::class;
$GLOBALS['TL_CTE']['texts']['html'] = \Contao\ContentHtml::class;
$GLOBALS['TL_CTE']['texts']['list'] = \Contao\ContentList::class;
$GLOBALS['TL_CTE']['texts']['text'] = \Contao\ContentText::class;
$GLOBALS['TL_CTE']['texts']['table'] = \Contao\ContentTable::class;
$GLOBALS['TL_CTE']['links']['hyperlink'] = \Contao\ContentHyperlink::class;
$GLOBALS['TL_CTE']['links']['toplink'] = \Contao\ContentToplink::class;
$GLOBALS['TL_CTE']['media']['image'] = \Contao\ContentImage::class;
$GLOBALS['TL_CTE']['media']['gallery'] = \Contao\ContentGallery::class;
$GLOBALS['TL_CTE']['media']['youtube'] = \Contao\ContentYouTube::class;
$GLOBALS['TL_CTE']['media']['vimeo'] = \Contao\ContentVimeo::class;
$GLOBALS['TL_CTE']['files']['downloads'] = \Contao\ContentDownloads::class;
$GLOBALS['TL_CTE']['files']['download'] = \Contao\ContentDownload::class;
$GLOBALS['TL_CTE']['media']['player'] = \Contao\ContentPlayer::class;
$GLOBALS['TL_CTE']['includes']['teaser'] = \Contao\ContentTeaser::class;

---

Eben nicht, weil sich nicht alle Elemente geändert haben oder sich ändern werden (laut Aussage GitHub). Also kann man es nicht pauschal bügeln. Ich gehe jetzt alle meine Skripte durch und schreibe vorübergehend beide Versionen rein.

Das Ganze per Config "verschieben" hilft unterm Strich auch nix. Irgendwann muss man es dann eh machen :D

Zitat:

---

The following content element types have been rewritten as fragment controllers with Twig-only templates: ...

---

damit weiss ich aber dann doch auch welche nicht umgeschrieben wurden, oder?

Doch..eigentlich alle die da nicht stehen :-P (Liste nicht final)

Zitat:

---

• code (ce_code ? content_element/code)
• headline (ce_headline ? content_element/headline)
• html (ce_html ? content_element/html)
• list (ce_list ? content_element/list)
• text (ce_text ? content_element/text)
• table (ce_table ? content_element/table)
• hyperlink (ce_hyperlink ? content_element/hyperlink)
• toplink (ce_toplink ? content_element/toplink)
• image (ce_image ? content_element/image)
• gallery (ce_gallery ? content_element/gallery)
• youtube (ce_youtube ? content_element/youtube)
• vimeo (ce_vimeo ? content_element/vimeo)
• downloads (ce_downloads ? content_element/downloads)
• download (ce_download ? content_element/download)
• player (ce_player ? content_element/player)
• teaser (ce_teaser ? content_element/teaser)

---

Eigentlich bin ich ja kein Freund davon aber ich werde wohl bis Contao 6 einfach die legacy Befehle in die Config schreiben. Aktuell ist das (imho) total inkonsistent und Fehler vorprogrammiert.

Also ich find contao ja nach wie vor das geilste cms überhaupt

aber die aktuelle 5er scheint mir irgendwie noch eher großbaustelle zu sein...

werde vorerste bis auf ein projekt bei 4.13 bleiben bis dannn hoffentlich mal alle altlasten entfernt wurden :D

Hallo Leute,

auch ich stehe ebenfalls vor dem Problem, daß Klassen umgeändert wurden, also z.B. ce_text nun content-text.
Für mich bedeutet das nen Menge abgleichen mit meinen CSS-Anweisungen.

Gibt es eine Aufstellung, welche Klassen sich geändert haben bzw. noch ändern werden?

Welche Lösungen / Arbeitserleichterungen gibt es diesbezüglich derzeit?

In meinem CSS habe sind viele Klassen mit Unterstrichen, wie space_top_20 gibt es da Probleme?



VG

Auf Dauer wirst Du um die Arbeit nicht drum herumkommen.
Für eine Übergangszeit ist es möglich noch mit den alten Templates (https://github.com/contao/contao/blo...ntent-elements) zu arbeiten, dann dürften auch die alten Klassen vorhanden sein (ungetestet).

Zitat:

---

Zitat von Schnippel

In meinem CSS habe sind viele Klassen mit Unterstrichen, wie space_top_20 gibt es da Probleme?

---

Das spielt keine Rolle es geht bei den Unterstrichen ausschließlich um dem Templateordner der dem Theme zugeordnet ist.