Warum ist der before-topic-progress Outlet mit einem <span> umschlossen?

Ich habe versucht, Inhalte in den mobilen Zeitachsen-Container einzufügen.

Es gibt zwei Ausgänge in diesem Container.

before-topic-progress und after-topic-progress.

before-topic-progress ist mit <span> umschlossen, und ich verstehe nicht, warum. :thinking:

Der Container ist nicht inline, und ich sehe keinen Grund, warum ein Span zwangsweise um diesen Ausgang gewickelt werden sollte. Er hat keinen offensichtlichen Zweck und stört unser eigenes Inhaltslayout. Wenn wir zum Beispiel einen Button einfügen wollen, kann der Button aufgrund dieses Spans nicht die gleiche Höhe wie die anderen Elemente erreichen:

image

Ich sehe keine elegante Lösung für dieses Problem. Die einfachste wäre, etwas wie dies zu verwenden:

#topic-progress-wrapper > span:first-child {
    display: flex;
  }

Aber wenn mehrere Plugins oder Komponenten denselben Ausgang verwenden, kann das Erzwingen eines Flex auf dem übergeordneten Element den Stil anderer Inhalte beeinträchtigen (ein Grenzfall, nehme ich an).

Wenn dieser Span keinen Zweck erfüllt, könnte er aus dieser Datei entfernt werden?

2 „Gefällt mir“

Ja, ich denke, wir können sie entfernen, wenn ich mich richtig erinnere, wurden diese Spans hinzugefügt, weil sie näher an dem alten Verhalten von Outlets waren. Wir haben bereits eine ganze Reihe davon von Fall zu Fall entfernt, da sie dazu neigen, im Weg zu sein, wie Sie es erlebt haben.

Wird hier erledigt:

3 „Gefällt mir“