Neues Layout für Themes & Komponenten

Sind Sie sicher mit diesem Layout?

Es macht es wirklich schwer, die richtige Komponente zu finden. Und es sieht… wirklich unruhig aus.

Und ich denke, der Installationsbutton sollte die erste Komponente sein, nicht die letzte. Er wird häufiger verwendet als Komponenten.

Wo sind die deaktivierten, die, mit denen keine Themes verbunden sind?

9 „Gefällt mir“

Die Änderung ist interessant!

Wenn man sich die ersten PRs ansieht, wie z.B.:

(aber auch #29225, #29079)

Ich schätze die Absicht, die Benutzeroberfläche zu vereinfachen und benutzerfreundlicher zu gestalten.
Ich denke, mit den entsprechenden Screenshots und Beschreibungen würde es ziemlich gut aussehen!
Das Zusammenführen von Themes und Komponenten ergibt Sinn.
Das Vermeiden mehrerer Seitenleisten scheint ebenfalls eine gute Idee zu sein.

Meine unmittelbare Sorge ist die fehlende Suche und Filterung, aber ich bin sicher, dass die Benutzeroberfläche später mit Verbesserungen verfeinert wird. Wenn man viele Komponenten hat, ist das eine unverzichtbare Funktion.

Weitere Rückmeldungen:

Ich freue mich auf zukünftige Verbesserungen!

5 „Gefällt mir“

Und ich würde dort wirklich gerne suchen. Es wurde ein wenig Übelkeit beim Scrollen nach oben und unten auf der Suche nach der Google Font-Komponente…

4 „Gefällt mir“

Ich stimme vollkommen zu, das ist kein praktikabler Ansatz:

Das macht mich ganz schwindelig.. Ich habe sogar einige Stile hinzugefügt, um die Komponenten-Seite wieder auf einfache Weise navigieren zu können :upside_down_face: :face_with_spiral_eyes:

11 „Gefällt mir“

Was ich auch versuche. :smile:
Aus reiner Neugierde habe ich versucht, eine Listen- oder Raster-Schaltfläche zu erstellen und sie nach Status zu gruppieren. Das Hinzufügen einiger Filteroptionen oben wäre cool.

Die Rasteransicht kann für manche Leute interessant sein. Für das Thema ist es zumindest sinnvoll.

4 „Gefällt mir“

@osama @ella und @hugh befinden sich bereits auf halbem Weg bei dieser Arbeit und diskutieren einige dieser Dinge intern.

Teilen Sie gerne weiterhin Ihr Feedback hier, aber rechnen Sie damit, dass sich dies in naher Zukunft weiterhin ändern wird, unabhängig davon.

9 „Gefällt mir“

Um das oben Gesagte zu ergänzen:

  • Gruppiert nach Status
  • Suche
  • Raster- oder Listenansicht

Hier ist eine grobe Demo (ich bin kein Designer, habe sie nur zum Spaß gemacht), ich wäre mit etwas Ähnlichem ziemlich zufrieden:

Eine weitere mögliche Ansicht für diejenigen, die Kästen mögen, aber mit minimalen Informationen:

Bild

(Inspiration von Find the Perfect Icon for Your Project | Font Awesome)

Ein letztes Feature, das ich gerne sehen würde, ist die Möglichkeit, direkt aus der Liste zu aktivieren/deaktivieren. Es wird weniger geradlinig sein, sodass eine Verknüpfung willkommen wäre.

8 „Gefällt mir“

Hast du Lust, sie zu teilen? :smirking_face:

(Und ja, ich weiß, dass es nur eine vorübergehende Lösung wäre, aber trotzdem)

2 „Gefällt mir“

Hier bitte :slight_smile:

Temporäre Stile
.admin-config.customize.components {
  .admin-detail {
    padding: 0;
  }
  .themes-cards-container {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    gap: 0;
  }
  .admin-config-area-card__content {
    flex-grow: 0;
    margin: 0;
    padding: 0;
  }
  .theme-card {
    flex-direction: row;
    margin: 0;
    padding: 0.75rem;
    padding-right: 0;
    box-shadow: none;
    border: none;
    border-top: 1px solid var(--primary-low);
    
    &:first-child {
      border-top: none;
    }
    
    &__image-wrapper,
    &__content {
      display: none;
    }
    
    &__footer {
      gap: 1rem;
    }
  }
  .theme-install-card {
    margin-top: 1rem;
  }
}
8 „Gefällt mir“

Du bist mein neuer Held!

Und ein neues Element zu erstellen, öffnet nicht die Einstellungen, aber es sollte aus der Liste gefunden und geöffnet werden.

3 „Gefällt mir“

Ich bin immer mehr davon überzeugt, dass es die beste Wahl ist, bei der stabilen Version zu bleiben. Nach dem Drama mit den Website-Einstellungen im letzten Monat ist dies ein weiteres Beispiel dafür, dass etwas, das einwandfrei funktionierte, geändert und ohne Feature-Flag in die Produktion überführt wurde, obwohl es nicht fertiggestellt oder richtig getestet war.

(Und noch ein konstruktiverer Vorschlag zu dem spezifischen Feature: Es wäre zumindest sehr hilfreich, wenn ungenutzte und deaktivierte Komponenten auf dem Übersichts-Bildschirm erkannt werden könnten).

9 „Gefällt mir“

Eigentlich ist es mir gerade wieder eingefallen. Ich frage mich wirklich, ob es einen Grund gibt, warum diese Änderung nicht Teil von Discourse Design team experimentation topic ist. Das wäre unter anderem der richtige Ort, design-experiment.

Ich stimme zu, dass es überstürzt wirkt; ohne vorherige Informationen und Feature-Flag-Einstellung verstehe ich, dass es für Administratoren keine optimale Erfahrung bieten mag.

8 „Gefällt mir“

Es gibt verschiedene Möglichkeiten, wie wir Funktionen einführen, abhängig von unserer Einschätzung des Risikos der jeweiligen Änderung.

Dies ist ein Fall, bei dem das Risiko meiner Meinung nach ziemlich gering ist. Kein Arbeitsablauf wird dadurch beeinträchtigt, und die Änderung beschränkt sich auf Administratoren, nicht auf jedes Mitglied einer Community.

Ich verstehe, dass es für diejenigen, die viel Zeit mit Themen und Komponenten verbringen, einige Störungen gibt. Ich würde mich über weitere Berichte freuen, wie die Änderung die Arbeitsabläufe von jemandem beeinträchtigt hat, da dies uns helfen wird, unsere Entscheidungen über das Design dieses Teils der Anwendung zu informieren.

Ich glaube jedoch nicht, dass dies ein Fall ist, in dem ich auf ein Designexperiment oder ein Feature-Flag zurückgreifen würde.

2 „Gefällt mir“

Ich denke, um die Dinge einfacher zu machen, sollten Sie auch die Möglichkeit haben, Komponenten nach dem Thema zu filtern, zu dem sie hinzugefügt werden.

1 „Gefällt mir“

Ein Administrator muss Dinge haben, die sein eigenes Leben einfacher machen. Experimentieren ist vielleicht verständlich. Aber geben Sie Administratoren ein Fallback oder einen Schalter, um zwischen klassischer und neuer Coke zu wechseln. Übrigens, wenn ich mich recht erinnere, hat die neue Coke nicht funktioniert.

4 „Gefällt mir“

Ich habe an einem Client-Theme gearbeitet und nach dem Aktualisieren der Staging-Instanz wurde ich mit dem neuen Layout konfrontiert. Ich musste anhalten und die von mir oben geteilten Stile hinzufügen, um effektiv weiterarbeiten zu können. Das aktuelle Layout erlaubt keine Übersicht und gibt keine Hinweise darauf, welche Komponenten derzeit verwendet werden, welche deaktiviert sind usw. Ich würde sagen, dass die Entwicklung eines Themes oder einer neuen Einrichtung den Arbeitsablauf vollständig unterbricht.

Die vorherige Liste war tatsächlich sehr gut. Wenn ich mich richtig erinnere, wurde sie sogar vor nicht allzu langer Zeit verbessert. Der einzige Filter, der fehlte, war die Filterung nach Komponenten, die im aktuellen Theme verwendet werden (der Filter „Verwendet“ zeigte tatsächlich alle Komponenten an, die in einem beliebigen installierten Theme verwendet wurden). Aber ansonsten war es eine Oberfläche, die nicht viel Verbesserung erforderte, zumindest nicht für erfahrene Administratoren oder Entwickler.

9 „Gefällt mir“

Danke für die Schilderung.
Es ist hilfreich, mehr über die Probleme zu erfahren, auf die Menschen in verschiedenen Szenarien stoßen.

Danke, dass Sie auch dies geteilt haben.

5 „Gefällt mir“

Nun, ich würde sagen, jeder einzelne Hinweis in diesem Thema entstand aus dem Versuch, etwas zu tun, das Teil des Workflows war :man_shrugging:

2 „Gefällt mir“

Mir ist gerade aufgefallen, dass es keine aktuelle Filterung gibt, nicht einmal nach Namen.

1 „Gefällt mir“

Ich würde Ihrem Team vorschlagen, zu versuchen, dies in einem realen Szenario zu nutzen … es gibt so viel Funktionalität, die fehlt verschwunden ist.

1 „Gefällt mir“