Mein Vorschlag für das Themen/Komponenten-Panel (CSS drin)

UX
1

Ich war kein großer Fan des alten Themes/Components-Panels (https://forum.alltiago.com/admin/customize/components), aber es war in Bezug auf Platz und Organisation (irgendwie) gut genug. Aber das neue ist meiner Meinung nach wirklich ein Chaos.

Hier ist meine Alternative, um von diesem hier wegzukommen:

SCR-20250324-ihkz
SCR-20250324-ihkz979×712 60.5 KB

… kein Fan von der winzigen und engen Box links, und dem Verstecken des Wortes Components (vielleicht ist das nur ein Problem auf meinem 13-Zoll-Bildschirm, aber vielleicht haben andere das gleiche Problem?), und dem Scroll-Verhalten…

… zu diesem hier:

SCR-20250324-igwu
SCR-20250324-igwu969×1427 72.6 KB

image
image977×513 29.7 KB

Mehr Platz, keine Scrollbalken, inaktive Komponenten sind mit dem rötlichen Hintergrund leichter zu erkennen. Wenn man mit der Maus darüber fährt, wird es etwas heller:

SCR-20250324-ihsg
SCR-20250324-ihsg965×150 6.92 KB

Ich habe auch die zusätzliche Überschrift, das Bild und den redundanten Installieren-Button entfernt (jetzt gibt es nur 1 statt 2) und die Links nach links ausgerichtet und ihnen zusätzliche Breite gegeben, um Umbrüche zu vermeiden.

image
image558×211 11.8 KB

Hier ist der CSS:

/* Admin - breiteres Theme/Komponenten-Panel */
.desktop-view .admin-customize .themes-list,
.desktop-view .admin-customize .show-current-style{
    width: 98%;
}

/* Admin - oberer Rand des Komponenten-Inhalts */
.desktop-view .admin-customize .show-current-style {
    margin-top: 3rem;
}

/*Admin - Scrollen im Komponenten-Container entfernen */
.admin-customize .themes-list-container {
    overflow-y: visible;
    max-height: none;
    height: auto;
}

/* Admin - H1, Installieren-Button, Bild ausblenden */
.admin-contents.admin-customize.admin-customize-themes .content-wrapper h1,
.admin-contents.admin-customize.admin-customize-themes .content-wrapper div.create-actions,
.admin-contents.admin-customize.admin-customize-themes img {
    display: none;
}

/* Admin - untere Links anpassen */
.admin-contents.admin-customize.admin-customize-themes .admin-intro {
    margin: 2rem 0 0;
}

.admin-contents.admin-customize.admin-customize-themes .admin-intro .content-wrapper {
    width: 100%;
}

/* Admin - Hintergrund für ungenutzte Komponenten (rot) */
.admin-customize .themes-list-container__item.inactive-theme {
    background-color: #3f2525;
}

.admin-customize .themes-list-container__item.inactive-theme:hover {
    background-color: #573535;
}

Ich bin kein CSS-Experte, daher weiß ich nicht, ob das gut ist oder nicht, aber es funktioniert. Diesen Teil habe ich von ChatGPT bekommen:

/*Admin - Scrollen im Komponenten-Container entfernen */
.admin-customize .themes-list-container {
    overflow-y: visible;
    max-height: none;
    height: auto;
}

Wenn etwas redundant ist oder Ähnliches, teile es mir gerne mit, damit ich den Code aktualisieren kann.

2 „Gefällt mir“
2

Das ist eigentlich umgekehrt,

Das alte Layout (das Gitter aus Rechtecken), auf das Sie sich beziehen, ist eigentlich das, was das neue sein wird, aber das Feedback war, dass es noch nicht ganz fertig war – also haben wir zum alten zurückgekehrt. Die Version, die Sie derzeit sehen, wird ersetzt, sobald wir ein paar fehlende Funktionen zum neuen hinzugefügt haben. Verständlicherweise etwas verwirrend.

2 „Gefällt mir“
3

Meine „alten“ und „neuen“ Definitionen bezogen sich mehr auf eine Zeitachse. „Neu“ im Sinne von „was jetzt sichtbar ist“, obwohl ich mir bewusst war, dass es die alte Version ist. Ich wollte es nur für jemanden, der davon nichts weiß, nicht noch verwirrender machen.

2 „Gefällt mir“