Posizione del pulsante Nuovo argomento su Horizon

Proseguendo la discussione da Create a new topic button disappeared:

Mi chiedo se sia possibile rendere questo pulsante flottante e spostarlo in basso a destra. Ho provato a farlo con le mie limitate conoscenze di CSS, ma non ci sono riuscito; sospetto che l’HTML di Horizon stia limitando questa possibilità.

Apprezzo qualsiasi consiglio o guida per rendere questa modifica possibile :slight_smile:

Intendi dire qualcosa come questo?

Credo che qualcosa di questo tipo funzionerebbe

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

Ma non sarà “consapevole” di altri elementi sulla pagina, quindi sovrapporrà le cose.

Grazie! È proprio quello che ho provato, ma viene nascosto da molti altri elementi e il complicato z-index: 999 non funziona lì. Capisco che ciò sia dovuto agli elementi antenati nel tema.

Viene nascosto dalle schede degli argomenti, dagli elementi della barra laterale destra e così via.

Mmh, hai ragione. È strano. Controllerò perché lo fa.

Ah, è perché il suo elemento genitore nel DOM ha position:sticky… Va bene, questa è la ragione, ma non sono sicuro che esista una soluzione in CSS :sweat_smile:

Detto questo, impostando z-index:1 su sidebar-wrapper si risolve il problema del contesto di impilamento (e il pulsante si comporta come desiderato). Non credo che ciò abbia altre conseguenze, ma con z-index mai dire mai.