Kuck mal, wer da spricht!

Moin!

Kennst du das Problem, verschiedene Umgebungen einer Website auseinander zu halten? Während du diese Zeilen liest, habe ich heute morgen einen Mega-Relaunch veröffentlicht und fixe vermutlich gerade den ein oder anderen Bug.

Damit wir bei all der Hektik mit den Instanzen DEV, LIVE und Lokal nicht durcheinander kommen, habe ich eine alte Idee aus der Schublade geholt, um die Backends besser unterscheiden zu können:

Die Instanzen haben unterschiedliche Farben und Titel neben dem Contao-Logo.

Dank eines Artikels, den ich vor gut einem Jahr bei Trakked gelesen hatte (Die Backend-Breite in Contao 5 begrenzen), ist das denkbar einfach geworden:

1. Du erstellt eine backend.css. Dank der Custom Properties reicht folgende Anweisung aus, um den Header von Orange in Blau umzufärben:

:root {
  --header-bg: var(--blue);
}

2. Du ergänzt in der config.yaml folgende Anweisung:

contao:
  backend:
    custom_css:
      - pfad/zur/backend.css

Dann noch Cache leeren und schwuppdiwupp hat diese Instanz eine andere Header-Farbe. Und das relativ einfach und ohne zusätzliche Template-Anpassungen, EventListener etc.

Ich schreibe dann gern noch mit dem Pseudo-Element ::after den Namen der Umgebung neben das Logo, aber das kann ja jede:r so halten wie sie/er will.

Erstma'
Dennis

PS: Vielleicht hat mich der Relaunch dazu gezwungen, mir auf die Schnelle einen Newsletter auszudenken. Denn ausfallen lassen war keine Option🙃

Zurück