Posición del botón de nuevo tema en Horizon

Continuando la discusión desde Create a new topic button disappeared:

Me pregunto si este botón se puede cambiar a flotante y moverse a la esquina inferior derecha. Intenté hacerlo usando mis habilidades limitadas de CSS, pero no logré hacerlo; sospecho que el HTML en Horizon limita esta posibilidad.

Agradezco cualquier consejo o guía para hacer esto posible :slight_smile:

¿Te refieres a algo así?

Creo que algo así funcionaría

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

Pero no será “consciente” de los demás elementos de la página, por lo que se superpondrá sobre ellos.

¡Gracias! Eso es lo que intenté, pero se oculta detrás de muchos otros elementos, y el engorroso z-index: 999 no funciona allí. Entiendo que se debe a los elementos ancestros del tema.

Se oculta detrás de las tarjetas de temas, los elementos de la barra lateral derecha, y así sucesivamente.

Hmm, tienes razón. Es raro. Voy a ver por qué lo hace.

Ah, es porque su padre en el DOM tiene position:sticky… Vale, esa es la razón, pero no estoy seguro de que exista una solución en CSS :sweat_smile:

Aunque, establecer z-index:1 en sidebar-wrapper sí soluciona el contexto de apilamiento (y hace que el botón se comporte como queremos). No creo que tenga otras consecuencias, pero con z-index nunca se sabe.