Modernisierung des Foundation-Themes

So sieht es auf Foundation und Meta-Branded aus:

image image

Die Container für die Zahl und den Pfeil sollten gleich groß sein.

2 „Gefällt mir“

Ich sehe das auf dem Mobilgerät nicht. Gehe ich richtig in der Annahme, dass dies desktop ist?

Danke, ich habe weiter recherchiert: Es liegt am neuen Foundation-Theme, das auch auf Meta Branded verwendet wird, und tritt sowohl auf dem Desktop als auch auf mobilen Geräten auf.

Ich bin mir nicht sicher, ob der Beitrag auf Modernizing the Foundation theme verschoben werden sollte oder nicht.

1 „Gefällt mir“

Die Entscheidung war eindeutig :wink:

3 „Gefällt mir“

Dies wurde behoben und wird bald aktualisiert.

3 „Gefällt mir“

Im dunklen Theme ist der active-Zustand bei bestimmten Buttons (hauptsächlich sichtbar bei der Tastaturnavigation, bei Maus- oder Touch-Nutzung nur kurzzeitig) dunkelviolett auf dunklem Hintergrund und für die Augen sehr anstrengend:
image

Auch der rote hover-Zustand:
image

Am schlimmsten ist jedoch der „Danger“-Button mit rotem Hintergrund und dunklem Text:
image

Vielleicht würde eine einfache Anpassung des Rotwerts bzw. der Helligkeit die zweiten und dritten Punkte beheben.

2 „Gefällt mir“

Gilt das nur für dieses Meta-Theme?

Ja. Auf der Grundlage:

aktiv
image

Hover
image

Gefahr
image

Bessere Kontraste als Meta Branded.

2 „Gefällt mir“

Dies ist immer noch der Fall:

Gibt es Pläne, die Ränder der Schaltflächen anzupassen, wenn die WCAG-Farbpalette verwendet wird? Ich finde derzeit den dünnen, sehr hellen Rand schwer zu erkennen, sodass es an einigen Stellen so aussieht, als schwebten nur Icons herum, anstatt dass es sich um Schaltflächen handelt. Das war bei den vorherigen einfarbig-grauen Schaltflächen kein Problem.

Ich hatte ein ähnliches Gefühl, als der Schatten unter der Kopfzeile entfernt wurde und als die farbige Linie am oberen Rand des Editors verschwand. Doch während dies klare Bereiche meines Bildschirms sind, befinden sich die Schaltflächen an verschiedenen Stellen, was es für mich noch schwieriger macht, sie von ihrer Umgebung zu unterscheiden.

Textfelder in den Einstellungen haben beispielsweise einen dunkleren Umriss:

Mir ist auch aufgefallen, dass dies das Styling der Kategoriesteuersicherheit zu beeinträchtigen scheint:

Die Gruppenauswahl für die bevorstehende Änderung wirkt im neuen Design ebenfalls ungewöhnlich groß:


3 „Gefällt mir“

Ich finde, die Schriftgröße des Navigationsbalkens ist auf mobilen Geräten zu klein. Auch die Schrift für „Vorgeschlagen/Verwandt

2 „Gefällt mir“

Ich denke, das ist eindeutig eine Geschmackssache, denn ich bin genau der gegenteiligen Meinung bezüglich Alt gegen Neu. Die alten Foundation-Schriftarten und Buttons wirken mir zu klobig, während die neueren, schlankeren Elemente von Foundation im Gesamtlayout vergleichsweise viel besser aussehen. Ich habe keine Beschwerden über die funktionale Nutzung auf dem Desktop oder Mobilgeräten, und seit ich es aktiviert habe, hatten das auch keine meiner Nutzer. :woman_shrugging:t2:

Du könntest auch Feedback an deine Admins geben, und vielleicht könnten sie ein anderes Theme mit den alten Änderungen erstellen? Die von dir genannten Schriftarten zu vergrößern, ist mit CSS kein Problem. Oder du könntest eine Browsererweiterung vom Typ „Stylus“ verwenden, um deine eigenen Modifikationen hinzuzufügen (ich mache das bei allen Discourse-Seiten, die ich besuche, einschließlich dieser).

4 „Gefällt mir“

Unter der Schaltfläche „Verwandt“ ist eine kleine Lücke


Wird deutlicher, wenn die Schriftgröße erhöht wird

Stylus

.more-topics__container .nav .d-button-label {
   font-size: 150%;
}


2 „Gefällt mir“

Ja, deshalb habe ich gesagt ‘so ähnlich’, weil sie vielleicht noch andere Dinge mit ihrem Theme haben. Ich habe Meta verwendet, nicht das Rust-Forum. Ich werde mir das für dich ansehen, weil ich nett bin. Aber ich muss warten, bis es neue und ungelesene Beiträge gibt, um den vollständigen Footer und Header zu erhalten. Ich gehe davon aus, dass der Screenshot mit dem Avatar in der mobilen Ansicht gemacht wurde?

3 „Gefällt mir“

Der Fehler ist hier sichtbar

2 „Gefällt mir“

OK, das ist ein UX-Fehler beim neuen Foundation-Theme und dem eingefügten Button für KI-bezogene Themen. Die Button-Klassen sind etwas anders, und eine zusätzliche line-height scheint die Sache ebenfalls zu stören.

image

Dies wird es jedoch etwas beheben – man kann es mit einer Anpassung des padding und dem Entfernen der line-height patchen:

.more-topics__container .nav {
    font-size: larger;
    
    li .btn {
        padding: .5em;
        line-height: 0;
    }
}

Desktop:

Mobil:

2 „Gefällt mir“

Beim Menü für den angehefteten Zustand überschneiden sich die Optionen stark:

3 „Gefällt mir“

Anzeige der Seite zur Verwaltung von Tabgruppen im mobilen Browser ist fehlerhaft - Beiträge / Benutzererfahrung - Discourse Meta

Ist es hier bei Meta noch möglich, sich von dieser Änderung abzumelden? Ich habe der Gruppe zwar nicht beigetreten, aber die Änderung scheint für mich nun aktiviert zu sein, wodurch ich die Button-Ränder kaum noch sehe, obwohl ich die WCAG-Palette verwende.

2 „Gefällt mir“

Nein, bei Meta ist es nicht mehr möglich, sich abzumelden; die Gruppe ist jetzt veraltet.

Du kannst jedoch weiterhin die Probleme melden, die du bemerkst – wie ich sicher bin, dass du es tun wirst –, um herauszufinden, was noch poliert werden muss.

1 „Gefällt mir“

Du liegst falsch. Ich werde warten, bis die bisher von mir gemeldeten Probleme behoben sind, damit du dich vollständig darauf konzentrieren kannst :wink: Im Ernst: Es ergibt für mich wenig Sinn, Zeit damit zu verbringen, aufzuschreiben, was mir auffällt, wenn das, was ich im Februar geschrieben habe, noch immer nicht angegangen wurde. Außerdem bin ich sicher, dass du verstehst, dass es nicht viel Spaß macht, eine Website zu nutzen, auf der man die Benutzeroberfläche nicht richtig sehen kann. Es ist schade, dass Barrierefreiheit für dich so eine niedrige Priorität hat.

4 „Gefällt mir“