Details zu Stiländerungen bei Themen - Feedback

[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
(und es ist nicht dasselbe Chevron-Symbol? :eyes:)
[/quote]Du hast nicht Unrecht, aber die Ursache liegt darin, dass diese Komponenten unterschiedlich eingerichtet sind, die eine verwendet d-icon und die andere eignet sich im Moment nicht dafür. Ich würde es gerne geändert sehen, also hilf gerne mit, wenn du weißt, wie.

[quote=“Jarek Radosz, post:16, topic:285364, username:cvx”]
Das Button/Zusammenfassung-Element nimmt viel mehr Platz ein (früher war es ein halb-inline-Element)
[/quote]Mit dem neuen Styling wird es mehr Platz benötigen, aber ich stimme zu, dass der aktuelle Abstand zu groß ist.

[quote=“Jarek Radosz, post:28, topic:285364, username:cvx”]
Auch zu 2.
Bezüglich der Richtung, in die das Symbol zeigt: Da es als Umschalter fungiert, wäre es nicht sinnvoll, es umzukehren, sodass es den aktuellen Zustand und nicht die Aktion/den zukünftigen Zustand anzeigt (dies gilt auch für die Schaltfläche „Antworten“).
[/quote]Dies ist seit der Einführung des Schalters eine ständige Debatte unter Designern. Es gibt keine richtige oder falsche Antwort.


Screenshot 2023-11-14 at 1.48.35 PM
Dies war eine der Ideen aus der Design-Sitzung, die mir persönlich sehr gut gefallen hat. Sie löst (einige) Anmerkungen von Sam und cvx. Ich werde dies in der nächsten Iteration ausprobieren.

3 „Gefällt mir“
Meine bisherigen Gedanken dazu...

Sieht für mich ziemlich gut aus!

4 „Gefällt mir“

Ich glaube, der Pfeil wäre besser auf der linken Seite. Ich glaube, die meisten Leute werden ihn nicht auf der rechten Seite sehen. Er sieht aus wie normaler Text (so etwas wie ein Codeblock), es sei denn, die Maus fährt darüber. Ich hätte ihn fast übersehen.

3 „Gefällt mir“

(14. :zwinker:) Die kürzliche Hinzufügung eines Click-Handlers bedeutet, dass das Klicken auf einen Link, die Verwendung der Schaltfläche „Code kopieren“, der Versuch, ein Bild zu erweitern, oder sogar der Versuch, Text auszuwählen, dazu führt, dass der Details-Block einklappt… :Augen:

4 „Gefällt mir“

Ich stimme dem vollkommen zu. Ich habe in den letzten Tagen (fast) mehrere Detailblöcke übersehen. Ich glaube, das liegt daran, dass sie auf den ersten Blick wie Codeblöcke aussehen.

das ist kein Code

leer

das ist Code
8 „Gefällt mir“

Seltsam, das Klicken auf einen Link funktioniert bei mir. Es schließt die Details, aber der Link öffnet sich auch. Die anderen Szenarien habe ich noch nicht ausprobiert. Und ich stimme zu, dass es etwas verfeinerte JS-Arbeit vertragen könnte :winking_face_with_tongue:

Was die Position des Chevrons angeht, @jordan.vidrine, was meinst du?
Soll ich eine weitere Iteration machen? Vielleicht so, wie ich es mir ursprünglich vorgestellt hatte, mit dem normalen Dreieck anstelle des Chevrons und nur einem Hintergrund, wenn es geöffnet ist?

1 „Gefällt mir“

Ich denke, der Pfeil sollte immer noch verwendet werden, aber die Positionierung links scheint eine gute Idee zu sein.

1 „Gefällt mir“

Beziehen Sie sich auf etwas anderes? Wir haben hier keinen Click-Handler hinzugefügt.

Es gab einen Handler. Charlie hat ihn heute in 2c941c4 entfernt. :slightly_smiling_face:

Ha! Wow, ich habe mich gefragt, was das war. Direkt ins Schwarze und ich habe es nicht gesehen

2 „Gefällt mir“

Ja, ich mochte die Idee, überall schweben zu können, \u003e hervorheben \u003e zum Schließen klicken, anstatt nur auf den Zusammenfassungsteil klicken zu können, aber ich hatte die Weitergabe anderer Klicks übersehen :woman_facepalming:

Es ist auch sehr einfach, Details in Zitaten zu übersehen, da die Hintergrundhervorhebung fast unsichtbar ist und der Pfeil weit vom Text entfernt ist

5 „Gefällt mir“

Einige kleinliche Gedanken zur neuesten Iteration…

Sollte der Pfeil an der Grundlinie ausgerichtet sein und nicht zentriert? Das fühlt sich für mich besser an als die Zentrierung bei mehrzeiligen Beispielen… aber das kann subjektiv sein:

Zentriert

Grundlinie

Sollte der Abstand zu den Zitaten passen? Oben fühlt es sich im Moment etwas eng an

Wenn wir den gesamten Container auffüllen, sollten wir vielleicht versuchen, den Abstand vom letzten Element zu entfernen… das könnte zu schwierig sein, da wir viele Inhaltstypen haben… aber vielleicht so etwas wie:

details > :last-child {
  padding-bottom: 0;
}

Ich stimme zu, dass wir einen dunkleren Farbton wählen sollten, wenn dies innerhalb eines Zitats geschieht, damit der Hintergrund nicht verloren geht

Zusammenfassung

Dieser Text wird ausgeblendet

Ich denke, wir könnten wahrscheinlich eine Art Variable haben, die dabei helfen kann… wenn details den Hintergrund durch etwas wie gesetzt hätte

:root {
  --d-details-bg: var(--primary-100);
}

details {
  background: var(--d-details-bg);
}

dann könnte ein Zitat es überschreiben… vielleicht könnten wir sogar eine generische Variable für “muss dunkler sein” in einem Zitat haben? Ich kann mich nicht erinnern, ob wir andere Situationen wie diese haben…

blockquote {
  --darker-quote-bg: var(--primary-200);
  --d-details-bg: var(--darker-quote-bg);
}
4 „Gefällt mir“

100% das – wenn nicht die Ursache aktuell, dann ist das einfach ein Fehler

3 „Gefällt mir“

Ich verwende gerne etwas wie rgba(var(--primary-rgb),0.25) für diesen Zweck, da es den Hintergrund des Elements, in das es eingefügt wird, einfach etwas dunkler macht.

2 „Gefällt mir“

Insgesamt habe ich das Gefühl, dass die neueste Iteration sehr, sehr nah am Versand ist :hugs:

Eine kleine Beanstandung, bei der ich mir nicht sicher bin, ob sie lösbar ist:

Kein Blocker, aber die graue Leiste erweckt den Eindruck, man schaue auf eine Einheit.

3 „Gefällt mir“

Ja, ich bin sicher, wir können das mit vielleicht einem Rand oder etwas Ähnlichem lösen, um es klarer zu machen. Ich werde mir das heute ansehen.

1 „Gefällt mir“

Insgesamt gefällt es mir. Allerdings ist mir dieser Vorschlag aufgefallen.

Die Wahl eines Hintergrundelements für Text fühlt sich manchmal wie die Suche nach dem perfekten Hellgrau an.

var(--primary-not-so-light-you-cant-see-it-but-not-so-dark-it-looks-clunky)

Aber es sieht so aus, als wärst du nah dran, und insgesamt gefällt es mir.

5 „Gefällt mir“

Ich füge die gleiche Abdunkelung des Hintergrunds für den Codeblock wie für das Blockzitat hinzu

Das sollte das Problem lösen @sam

2 „Gefällt mir“

Zwei weitere Dinge (15. und 16., wenn Sie so wollen :wink:)

  • Der tatsächlich anklickbare Bereich des Zusammenfassungselements ist kleiner als das Element, das den Cursor ändert und beim Überfahren hervorhebt
  • Aufgrund dieser Hintergrundfarbe beim Überfahren und der folgenden Änderung beim Erweitern eines Elements gibt es ein kurzes Aufblitzen der Hintergrundfarbe beim Erweitern eines Elements

Bearbeiten:
17. Eine Diskrepanz zwischen einem gerenderten Beitrag und dem Composer:


vs

2 „Gefällt mir“