Position des Buttons „Neues Thema“ auf Horizon

Unterstützung
,
1

Fortsetzung der Diskussion aus Create a new topic button disappeared:

Ich frage mich, ob dieser Button in einen schwebenden (floating) Button umgewandelt und nach unten rechts verschoben werden kann. Ich habe es mit meinen begrenzten CSS-Kenntnissen versucht, aber es ist mir nicht gelungen; ich vermute, dass das HTML in Horizon dies einschränkt.

Ich wäre für jeden Rat oder jede Anleitung dankbar, um dies zu ermöglichen :slight_smile:

2

Meinst du so?

CleanShot 2026-08-20 at 17.13.22@2x
CleanShot 2026-08-20 at 17.13.22@2x2542×2022 423 KB

So etwas würde ich denke funktionieren:

.sidebar-new-topic-button__wrapper {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
}

Aber es wird keine Rücksicht auf andere Elemente auf der Seite nehmen und wird daher andere Dinge überdecken.

3

Danke! Das habe ich bereits versucht, aber es wird von vielen anderen Elementen verdeckt, und das knifflige z-index: 999 funktioniert dort nicht. Ich verstehe, dass dies an den übergeordneten Elementen im Theme liegt.

Es wird von Themenkarten, Elementen in der rechten Seitenleiste und so weiter verdeckt.

4

Hmm, du hast recht. Seltsam. Ich schaue mir an, warum das so ist.

5

Ah, liegt daran, dass der DOM-Elternknoten position:sticky hat… Okay, das ist der Grund, aber ich bin mir nicht sicher, ob es eine CSS-Lösung gibt :sweat_smile:

6

Allerdings behebt das Setzen von z-index:1 auf dem sidebar-wrapper den Stacking Context (und lässt den Button so funktionieren, wie wir es uns wünschen). Ich glaube nicht, dass das andere Konsequenzen hat, aber bei z-index weiß man nie.