Contao-Camp 2024
Ergebnis 1 bis 19 von 19

Thema: Backend-Theme Alternative

  1. #1
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard Backend-Theme Alternative

    Ich habe das Backend-Theme von Contao 4 ein wenig modifiziert:
    https://github.com/georgpreissl/facelift

    Meine Version verwendet:
    • schlichtere und (wie ich finde) besser verständliche Icons
    • die Schriftart "Open Sans" anstatt der "Lato"


    Zudem habe ich auch noch diverse weitere kleine Änderungen am Gesamtbild vorgenommen.

    Hoffe dem ein oder anderen gefällts
    Freu mich auf euer Feedback.

  2. #2
    Contao-Fan Avatar von Ainschy
    Registriert seit
    24.06.2009.
    Ort
    Wenden
    Beiträge
    793
    Partner-ID
    5666
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Sieht interessant aus, werde ich mal installieren.

    Danke für deine Arbeit.

  3. #3
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

    Schaut gut aus. Als Alternative auf jeden Fall merkenswert!

    Danke!

  4. #4
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Icons für die verschiedenen Seitentypen wurden ergänzt:
    Bildschirmfoto 2019-01-11 um 12.08.20.png

  5. #5
    Contao-Fan Avatar von dtptiger
    Registriert seit
    20.06.2009.
    Ort
    Nürnberg
    Beiträge
    816

    Standard

    Dankeschön für deine Arbeit!

    Endlich was verwendbares fürs Backend!

    Seit Contao 4 bin ich und meine Kunden von dem kleinklein Icons, jedenfalls auf hochaufgelösten Monitoren, etwas angenervt.
    Jetzt müssten nur noch die Trichter (Änderungen anwenden / Filter zurücksetzen) gegen von Menschen verständliche Symbole ausgetauscht werden, und schon gibts weniger Telefonate.

    Tnx
    dtptiger

  6. #6
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Zitat Zitat von dtptiger Beitrag anzeigen
    Jetzt müssten nur noch die Trichter (Änderungen anwenden / Filter zurücksetzen) gegen von Menschen verständliche Symbole ausgetauscht werden, und schon gibts weniger Telefonate.
    Hast du eine Idee für ein verständlicheres Symbol? Dann ließe sich bestimmt was machen

  7. #7
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Mir gefällt's auch sehr gut! Die Icons sind viel besser!

    Ich hab noch ein paar kleine Änderungen am CSS gemacht, damit kommt es farblich dem easy_backend von Andreas etwas näher. Außerdem sind die Speichern-Buttons am oberen Rand fixiert.

    Hier die beiden Dateien, die ich geändert habe:
    basic.css
    main.css

  8. #8
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Zitat Zitat von folkfreund Beitrag anzeigen
    Dann ließe sich bestimmt was machen
    Wie wäre es damit:
    filter-icons.png
    filter-icons.zip

  9. #9
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    Ahoi,

    ich bin auch kein Freund der Filter-icons, zumal ich immer eher an nen Trichter erinnert bin ;-)

    Evtl. etwas in Richtung Sieb: filter1.jpg
    oder in der Art: filter2.png
    Zweiteres würde ich bevorzugen.
    Grüße, Stefko

  10. #10
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Hallo Stefko,
    ich stimme dir da völlig zu was den Trichter betrifft und würde auch das zweite Icon bevorzugen im Sinn von "Filter-Einstellungen".

    Bei der Verwendung der Icons geht es allerdings nicht um das Aufrufen eines Dialogs mit (Filter-)Einstellungen, sondern um das Anwenden der bereits vorgenommenen Einstellungen. Also, wie die Tooltips auch aussagen, "Änderungen anwenden" (besser wäre "Einstellungen anwenden") und "Filter zurücksetzen".
    Darum finde ich die Filter-Metapher eher unpassend für diese Aktionen (erst recht passt nicht dasselbe Icon in beiden Fällen) und habe darum nach anderen Symbolen gesucht.

    Weitere Ideen/Anregungen?

  11. #11
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

    Ich würde ja ganz banal einen grünen Haken und ein rotes X nehmen....

    Anwenden und zurücksetzen...

  12. #12
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Hier die neuesten Vorschläge anhand vorhandener Icons. Ich habe sie mit einem Rahmen umgeben, da sie mir sonst zu unauffällig waren...

    Vorschlag folkfreund:
    filter-folkfreund.png (siehe frühere Posts)
    Vorschlag PaddySD:
    filter-paddySD.png (ok.svg und undelete_v2.svg)
    Weiterer Vorschlag:
    filter-pfeile.png (down.svg und undo.svg)

    Edit: sorry Stefko, von deinem Vorschlag gibt es leider kein Bild...

  13. #13
    Contao-Fan Avatar von PaddySD
    Registriert seit
    26.10.2016.
    Ort
    Andechs
    Beiträge
    656

    Standard

    Für mich perfekt! Aber ich bin ja nicht die Maßgabe.

  14. #14
    Contao-Fan Avatar von Stefko
    Registriert seit
    25.10.2012.
    Ort
    Karlsruhe
    Beiträge
    771
    User beschenken
    Wunschliste

    Standard

    [QUOTE=folkfreund;493643]
    Vorschlag PaddySD:
    filter-paddySD.png (ok.svg und undelete_v2.svg)

    d'accord & *thumbsup*
    Grüße, Stefko

  15. #15
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Dann also hier die aktualisierten CSS-Dateien:
    basic.css
    main.css

    Edit: es musste übrigens "delete_v2.svg" heißen.

    Viel Spaß damit !
    Geändert von folkfreund (16.01.2019 um 22:29 Uhr)

  16. #16
    Contao-Urgestein
    Registriert seit
    29.10.2009.
    Ort
    Magdeburg
    Beiträge
    2.020
    Partner-ID
    626
    User beschenken
    Wunschliste

    Standard

    Zitat Zitat von folkfreund Beitrag anzeigen
    Hier die neuesten Vorschläge anhand vorhandener Icons. Ich habe sie mit einem Rahmen umgeben, da sie mir sonst zu unauffällig waren...

    Vorschlag folkfreund:
    filter-folkfreund.png (siehe frühere Posts)
    Vorschlag PaddySD:
    filter-paddySD.png (ok.svg und undelete_v2.svg)
    Weiterer Vorschlag:
    filter-pfeile.png (down.svg und undo.svg)

    Edit: sorry Stefko, von deinem Vorschlag gibt es leider kein Bild...
    Der Vorschlag von PaddySD ist für mich eindeutig der Favorit. Einfach und verständlich.

  17. #17
    Contao-Fan
    Registriert seit
    29.06.2016.
    Beiträge
    500

    Standard

    Mir gefällt auch die Variante von PaddySD am besten.

    Wurde im Repo aktualisiert:
    https://github.com/georgpreissl/facelift

  18. #18
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Noch ein kleines Update, das ebenfalls den Vorschlag von PaddySD umsetzt.

    Ich habe ein paar Anpassungen beim Header gemacht, damit er nicht von einigen wenigen Elementen beim Scrollen überlagert wird (z-index).

    Außerdem hat es ziemlich genervt, dass in manchen Situationen durch das Aktivieren des Tooltips der Scrollbar eingeblendet wurde, was manchmal sogar das Icon, das ich gerade anklicken wollte, zur Seite schob.
    Lösung: per
    Code:
    body {
        overflow-y: scroll; 
    }
    den Scrollbar immer anzeigen.

    main.css

  19. #19
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.883
    Partner-ID
    10107

    Standard

    Könnte nach dem merge dieses PRs auch direkt über composer installiert werden: https://github.com/georgpreissl/facelift/pull/3

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •