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 warte darauf, dass die bisher gemeldeten Probleme behoben werden, damit du dich vollständig darauf konzentrieren kannst :wink: Ernsthaft: 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 sehr viel Spaß macht, eine Seite zu nutzen, auf der die Benutzeroberfläche nicht richtig sichtbar ist. Es ist schade, dass Barrierefreiheit für dich eine so niedrige Priorität hat.

Edit: Abgesehen vom ersten „du“ beziehen sich diese Aussagen nicht persönlich auf chapoi. Es tut mir leid, dass ich diese Mehrdeutigkeit nicht bemerkt habe. Im Deutschen existiert dieses Problem nicht, da die Wörter unterschiedlich sind.

Ich möchte auch erklären, warum ich der Meinung bin, dass WCAG eine niedrige Priorität hat: Die Tatsache, dass das Standardthema dieses Forums nicht standardmäßig WCAG-konform gestaltet ist und im Gegenteil die Nutzung der barrierefreien Farbpalette aktiv verhindert, lässt mich zu dem Schluss kommen, dass dieses Thema keine hohe Priorität hat. Eine WCAG-konforme Alternative hätte hinzugefügt werden können, oder das Standardthema hätte von Anfang an auf einer WCAG-Farbpalette basieren können.
Ähnlich ist es bei Horizon: Du hast ein Standardthema für alle Foren erstellt, das mehrere Farbpaletten enthält, aber keine davon basiert auf der WCAG-Farbpalette.

4 „Gefällt mir“