CSS Export aus dem internen Editor

[neelix]

Hallo zusammen,

ich muss gerade inhaltliche Anpassungen an einer Seite machen und habe die Gunst der Stunde genutzt, das interne CSS gegen eine externe Datei zu ersetzen. Um nicht alles neu machen zu müssen, über folgenden Weg:

1. CSS unter Themes-> CSS exportiert.
2. In der Dateiverwaltung einen Ordner "css" erstellt und die Datei dort hinein geladen
3. Im Theme die neue Datei eingebunden und das interne CSS deaktiviert.
4. zur Sicherheit die Caches geleert.
5. Seite zur Kontrolle aufgerufen: Es fehlen die im CSS definierten Hintergrundbilder

Also in die CSS Datei geschaut: Das sieht auf den ersten Blick gut aus, die Bild-URLs stehen drin:

#topnav {
    margin-top:.5em;
    padding-bottom:.5em;
    background-image:url("files/orchidee/img/navbg.png");
    background-repeat:repeat-x;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

Aber, damit die Bilder auch gefunden werden, müsste der Pfad mit einem Slash beginnen:

#topnav {
    margin-top:.5em;
    padding-bottom:.5em;
    background-image:url("/files/orchidee/img/navbg.png");
    background-repeat:repeat-x;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

Bug oder Feature? Das sollte doch beim Export angepasst werden können, oder?

Neelix

[dtptiger]

Was spricht dagegen, das so zu „korrigieren“, genaus so wie Du das auf Deinem System brauchst?
Mit S&E geht das sicher und schnell.

gruß
dtptiger

[neelix]

In meinem Fall war das nur an einer Stelle. Da ging das.

Ich kann mir aber vorstellen, dass es sicher Hobby-Webseitenadmins gibt, die damals ihr CSS mit dem internen Editor erstellt haben und - da keine Not war - das bis heute so gelassen haben.
Und wenn man schon eine Funktion abschaltet, dann sollte man es dem (unbedarften) Anwender beim Wechsel so einfach wie möglich machen und nicht noch neue Fallstricke einbauen.

Contao muss den Pfad ja richtig generiert haben, also sollte die Exportfunktion den auch richtig exportieren.

[dtptiger]

Contao ist an open-source project, also community driven ...

[zoglo]

Bug oder Feature? Das sollte doch beim Export angepasst werden können, oder?

Neelix

Wie hast du die URL im internen CSS-Editor eingetragen?

Wenn es ein "Feature" wäre, dann würdest du das nie wieder sehen, der interne CSS-Editor ist deprecated und wurde in Contao 5 entfernt.

[zonky]

Ich kann mir aber vorstellen, dass es sicher Hobby-Webseitenadmins gibt, die damals ihr CSS mit dem internen Editor erstellt haben und - da keine Not war - das bis heute so gelassen haben.
Und wenn man schon eine Funktion abschaltet, dann sollte man es dem (unbedarften) Anwender beim Wechsel so einfach wie möglich machen und nicht noch neue Fallstricke einbauen.

Contao muss den Pfad ja richtig generiert haben, also sollte die Exportfunktion den auch richtig exportieren.

Auch "unbedarfte Hobby-Webseitenadmins" sollten den Unterschied zwischen absoluten und relativen Pfaden kennen und korrigieren können - m. E. dürfte das mit dem startenden Slash nur bei Wechsel zu C5 zum Tragen kommen, da dort die base-Angabe entfallen ist...

[neelix]

Wie hast du die URL im internen CSS-Editor eingetragen?

Wenn es ein "Feature" wäre, dann würdest du das nie wieder sehen, der interne CSS-Editor ist deprecated und wurde in Contao 5 entfernt.

Über den Picker im internen CSS Editor und der trägt dann nur "files/orchidee/img/navbg.png" in das Feld ein.

[zoglo]

Über den Picker im internen CSS Editor und der trägt dann nur "files/orchidee/img/navbg.png" in das Feld ein.

Wenn es in der 4.13 auch so ist und es mit der selben CSS funktioniert (da base URL angegeben), dann ist das kein Bug.

Hier muss man für Contao 5 dann die Upgrade.md richtig lesen, es handelt sich um ein Major Update.

[neelix]

Wenn es in der 4.13 auch so ist und es mit der selben CSS funktioniert (da base URL angegeben), dann ist das kein Bug.

Hier muss man für Contao 5 dann die Upgrade.md richtig lesen, es handelt sich um ein Major Update.

Da steht:

The internal CSS editor has been removed. Export your existing CSS files, import them in the file manager and then add them as external CSS files to the page layout.

Das funktioniert aber nicht, wenn der Export nicht sauber arbeitet und Werte nicht so rausgeschrieben werden, wie man es erwartet. Also für mich eindeutig ein Bug.

[mlweb]

Wenn Du meinst, dass es ein Fehler ist, dann erstelle ein Issue auf Github.

Ich gebe allerdings zu bedenken, dass es sich bei der derzeit ausgegebenen URL um eine relative URL handelt, wie auch schon von @zonky geschrieben.
Ich bevorzuge im CSS grundsätzlich relative Pfade und würde so etwas nach dem Export immer prüfen und auch grundsätzlich an meine Themestruktur anpassen.

Zusätzlich solltest Du die Bemerkung von @zoglo ernst nehmen. Ich verstehe diese so, dass es so wie von Dir geändert in Contao 4.13 nur zufällig funktioniert, weil es noch die Base-Url gibt. In Contao 5 würde das nicht mehr funktionieren (und erst da wurde der interne CSS-Editor abgeschafft). Habe dazu allerdings jetzt nicht selbst die Upgrade.md dahingehend geprüft.

Vielleicht könnte/sollte man den Hinweis im Backend dahin gehend erweitern, dass die Pfade zu eingebundenen Ressourcen (Bilder, Icons ...) angepasst werden müssen.

[mlweb]

Das funktioniert aber nicht, wenn der Export nicht sauber arbeitet und Werte nicht so rausgeschrieben werden, wie man es erwartet.

Das sehe ich nun etwas anders, exportieren heißt für mich den Zustand rauszuschreiben, der vorhanden ist und das ist nun mal der relative Pfad.
Außerdem wurde der Export ja nicht für die Abschaffung des internen CSS-Editors gebaut, sondern dafür CSS-Einstellungen von einer Installation zu einer anderen zu transferieren.