# Details zu Stiländerungen bei Themen - Feedback
**URL:** https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364
**Category:** UX
**Tags:** completed, design-experiment
**Created:** [13. November 2023 um 22:43 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364 "2023-11-13T22:43:00Z")
**Posts on this page:** 20
**Page:** 2
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [17. November 2023 um 12:12 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/32 "2023-11-17T12:12:24Z")
[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.
* * *
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.
---
### Author:  [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [17. November 2023 um 19:02 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/33 "2023-11-17T19:02:06Z")
> [@chapoi](#):
>
> 
>
> Dies war eine der Ideen aus der Design-Session, die mir persönlich sehr gut gefallen hat. Sie löst (einige) von Sams und CVXs Anmerkungen. Ich werde dies in der nächsten Iteration ausprobieren.
> **Meine bisherigen Gedanken dazu...**
>
> Sieht für mich ziemlich gut aus!
---
### Author:  [@j127](https://meta.discourse.org/u/j127)
#### Post date: [18. November 2023 um 01:19 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/34 "2023-11-18T01:19:13Z")
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.
---
### Author:  [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [20. November 2023 um 21:44 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/35 "2023-11-20T21:44:00Z")
(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:
---
### Author:  [@gerhard](https://meta.discourse.org/u/gerhard)
#### Post date: [21. November 2023 um 16:25 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/36 "2023-11-21T16:25:34Z")
> [@j127](#):
>
> Ich denke, der Pfeil wäre besser auf der linken Seite. Ich glaube, die meisten Leute werden ihn rechts nicht sehen.
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
```plaintext
das ist Code
```
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [27. November 2023 um 07:15 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/37 "2023-11-27T07:15:19Z")
> [@cvx](#):
>
> Die kürzlich hinzugefügte Klickbehandlungsfunktion 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 zusammenklappt… :eyes:
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?
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [27. November 2023 um 17:01 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/38 "2023-11-27T17:01:39Z")
> [@chapoi](#):
>
> Vielleicht so, wie ich es ursprünglich im Sinn hatte, mit dem normalen Dreieck statt des Pfeils und nur einem Hintergrund, wenn es geöffnet ist?
Ich denke, der Pfeil sollte immer noch verwendet werden, aber die Positionierung links scheint eine gute Idee zu sein.
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [27. November 2023 um 17:02 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/39 "2023-11-27T17:02:07Z")
> [@cvx](#):
>
> 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 zusammenklappt… :eyes:
Beziehen Sie sich auf etwas anderes? Wir haben hier keinen Click-Handler hinzugefügt.
---
### Author:  [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [27. November 2023 um 17:04 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/40 "2023-11-27T17:04:53Z")
Es gab einen Handler. Charlie hat ihn heute in 2c941c4 entfernt. :slightly_smiling_face:
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [27. November 2023 um 17:08 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/41 "2023-11-27T17:08:24Z")
Ha! Wow, ich habe mich gefragt, was das war. Direkt ins Schwarze und ich habe es nicht gesehen
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [28. November 2023 um 09:57 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/43 "2023-11-28T09:57:16Z")
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:
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [28. November 2023 um 10:06 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/44 "2023-11-28T10:06:26Z")
Es ist auch sehr einfach, Details in Zitaten zu übersehen, da die Hintergrundhervorhebung fast unsichtbar ist und der Pfeil weit vom Text entfernt ist
> [@sam](#):
>
> Ein Beispiel für das `details`-Tag mit BBCode:
>
> > **abc**
> >
> > testing 123 123
> > 123
>
> Ein Beispiel für das `details`-Tag mit HTML:
>
> > **...**
> >
> > Here is some trimmed content... Here is some trimmed content... Here is some trimmed content... Here is some trimmed content... Here is some trimmed content... Here is some trimmed content... Here is some trimmed content...
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [28. November 2023 um 14:39 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/46 "2023-11-28T14:39:39Z")
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:
```css
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
```css
: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…
```css
blockquote {
--darker-quote-bg: var(--primary-200);
--d-details-bg: var(--darker-quote-bg);
}
```
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [28. November 2023 um 14:41 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/47 "2023-11-28T14:41:14Z")
> [@awesomerobot](#):
>
> Grundlinie
100% das – wenn nicht die Ursache aktuell, dann ist das einfach ein Fehler
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [28. November 2023 um 16:04 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/48 "2023-11-28T16:04:44Z")
> [@awesomerobot](#):
>
> ```plaintext
> blockquote {
> --darker-quote-bg: var(--primary-200);
> --d-details-bg: var(--darker-quote-bg);
> }
>
> ```
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.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [29. November 2023 um 23:29 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/49 "2023-11-29T23:29:14Z")
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.
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [30. November 2023 um 07:16 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/50 "2023-11-30T07:16:13Z")
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.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [30. November 2023 um 08:47 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/51 "2023-11-30T08:47:24Z")
Insgesamt gefällt es mir. Allerdings ist mir dieser Vorschlag aufgefallen.
> [@awesomerobot](#):
>
> Vielleicht ein ganz anderer Stil?
>
> 
Die Wahl eines Hintergrundelements für Text fühlt sich manchmal wie die Suche nach dem perfekten Hellgrau an.
```plaintext
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.
---
### Author:  [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [30. November 2023 um 13:34 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/52 "2023-11-30T13:34:48Z")
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
---
### Author:  [@cvx](https://meta.discourse.org/u/cvx)
#### Post date: [5. Dezember 2023 um 09:59 UTC](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364/56 "2023-12-05T09:59:19Z")
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
[Previous page](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364.md?page=1)
[Next page](https://meta.discourse.org/t/details-in-topic-styling-changes-feedback/285364.md?page=3)