Warum hat der „Antworten“-Button in den Beitragsaktionen einen Hintergrund-Übergangseffekt?

Hallo!

chromexk0yYgh0xq

Ich sehe keine andere offensichtliche Schaltfläche, die dieses Designkonzept teilt. Außerdem hat die Textfarbe keinen Übergang, sodass es nicht besonders gut aussieht.

1 „Gefällt mir“

Welches Theme nutzt du? Ich habe Effekte auf allen Buttons bei Meta-Branding und Horizon.

@Canapin Welches Theme ist das? Ich kann den gleichen Effekt bei Meta Branded oder Foundation nicht zu sehen scheinen.

(@HAWK keine Ahnung, wie ich das übersehen habe, obwohl ich deinen Beitrag zweimal gelesen habe. Ich war wohl noch nicht ganz wach…)

1 „Gefällt mir“

Es ist Ihr Theme; die Optionen im Seitenmenü Ihrer Discourse-Instanz zeigen das gleiche Verhalten.

Übrigens: Schön zu sehen, dass Ihre Unicyclisten-Community floriert.

Bryan (EndeavourOS)

1 „Gefällt mir“

Hallo, entschuldige, ich war wahrscheinlich nicht klar. Ich spreche über den animierten Hintergrundübergang, den ich bei keinem anderen Button sehe.

Ich verwende Foundation. Das passiert auch bei Meta Branded, aber nicht bei Horizon.

chromeiROpBHVzVg

Ach, vielleicht ist es so subtil, dass ich es übersehen habe. Ich habe schlechte Augen. Blendet es ein, während die anderen flach sind?

1 „Gefällt mir“

Der Übergang ergibt sich daraus, dass wir diese Aktionselemente leicht transparent machen, wenn sie nicht überfahren werden. Dies dient dazu, den Fokus nicht vom eigentlichen Inhalt abzulenken.

Vielleicht ist es an der Zeit, dies abzuschaffen und stattdessen einfach hellere Farben anstelle von Opazitätseinstellungen zu verwenden.

Oh, ich sehe schon. Eigentlich brauchen wir die Hintergrund-Übergangseigenschaft hier sowieso nicht… Ich denke, das war ein alter Überrest aus der Zeit, als die Antwort-Schaltfläche standardmäßig eine Hintergrundfarbe hatte?

Die Deckkraft kann für den Post-Hover bleiben, wodurch die Antwort-Schaltfläche dunkler wird, sie stört hier nicht.

2 „Gefällt mir“

Ich bin mir nicht sicher, ob ich das richtig verstehe, aber falls meine Frage so gestellt werden kann: Warum ist der Antwort-Button beim Hovern animiert, während andere Buttons scheinbar nicht? Außerdem wird nur der Hintergrund beim Hovern animiert, nicht der Text, was etwas seltsam aussieht.

Das kommt von der Klasse .fade-out, die den Standard-Übergang (der auf „none“ gesetzt ist) überschreibt.


Edit: Nun, Kris hat geantwortet, während ich noch getippt habe. Danke! :laughing:

1 „Gefällt mir“

Ich habe mir die Korrektur angesehen und sie behebt das Problem, dass der Text keine Einblendanimation hat, aber ich bin mir immer noch nicht sicher, ob ich es richtig verstanden habe.

Meine Hauptfrage ist immer noch unbeantwortet, es sei denn, ich übersehe etwas: Warum wird dieser Button mit der Eigenschaft transition animiert, während andere Buttons das nicht sind?

Wenn dieser Antwort-Button absichtlich bei einem Hover-Effekt animiert wird, dann ist alles in Ordnung! :smile: Mir kommt das etwas seltsam vor, da es der einzige Button zu sein scheint, der bei einem Hover-Effekt animiert wird. Ich dachte nur, es wäre etwas, das entfernt werden sollte, aber übersehen wurde :slight_smile:

Die Klasse „fade-out“ wird dem Antwort-Button mit einem Label hinzugefügt. Wenn ich mich nicht irre, fragt Canapin, ob diese Inkonsistenz im Vergleich zu anderen Buttons beabsichtigt ist.

1 „Gefällt mir“

Das ist es. Danke, dass du den von mir angesprochenen Punkt präzisiert hast!

Damit soll mehr Aufmerksamkeit auf die Antwort-Schaltfläche des Beitrags gelenkt werden, über dem du dich gerade befindest. Es handelt sich um ein sehr altes Verhalten, das meiner Meinung nach früher noch auffälliger war und in den 1.0er-Tagen auf alle Steuerelemente angewendet wurde.

Es ist umstritten, ob wir das überhaupt noch brauchen, aber ich mag diese dezente kleine Hervorhebung.

2 „Gefällt mir“