Se puede arreglar con algo de CSS
Crea un nuevo Theme component y añade esto a common css
// Who's Online Customization
.discovery-list-container-top-outlet.online_users_widget {
margin-top: 0.75em;
margin-bottom: 0.75em;
padding-top: 0.5em
padding-bottom: 0.5em;
}
También puedes añadir color de fondo personalizado, bordes, etc.
¡Muchas gracias!
Opcionalmente, si desea resaltar esto de esta manera
Use este código en su lugar
// Personalización de Quién está en línea
.discovery-list-container-top-outlet.online_users_widget {
padding-top: 0.45em;
padding-bottom: 0.05em;
background-color: var(--secondary);
border: 2.0px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
margin-top: 0.75em
margin-bottom: 0.75em;
}
Un poco fuera de tema, pero ¿qué par de fuentes son estas @bekircem? ¡Me encanta cómo funcionan juntas!
Tengo una pequeña solicitud de funcionalidad que creo que haría una gran mejora en este componente. Me encantaría tener un enlace “Leer más…” que esté vinculado a la descripción de la categoría. Una solución muy elegante para tener una descripción larga sin abarrotar la página de la categoría. Puedo agregar este enlace manualmente, pero luego aparece en la página de Categorías, lo cual no es muy limpio.
A este código le falta un ; en la línea 5 y también el ejemplo de seguimiento.
Lo que me funcionó es esto:
.discovery-list-container-top-outlet.online_users_widget {
margin-top: 0.75em !important;
margin-bottom: 0.75em !important;
display: block !important;
}
Resultado:
Genial. Desafortunadamente, mi publicación es demasiado antigua para corregir el código. Gracias por informarme que me faltó un ";".
Hay el mismo problema para las etiquetas y los enlaces de categoría. ¿Podrías incluir la clase .hashtag-cooked en esta corrección?
Por alguna razón, esto no me está funcionando correctamente.
Algunas categorías y subcategorías muestran el banner, otras no.
No es la descripción (o la falta de ella), porque algunas tienen descripción y no se muestra.
¿No sé si la nueva actualización de Discourse rompió algo?
¿Has definido las ID de las categorías en la configuración de categories?
Sí, los agregué al Editor de Configuración de Objetos.
Creo que hay algún tipo de error relacionado con la opción de ocultarlo cuando no hay descripción.
Realizaré algunas pruebas más y veré cómo va.
Acabo de notar un error.
Estoy en la categoría principal Tiago | Music y hago clic en la subcategoría Sir Giant. Muestra el banner. Luego hago clic en uno de los enlaces de “documentación” de la barra lateral para ir a una página de etiquetas Announcements. Cuando hago clic en el enlace General Discussion que me lleva de regreso a la raíz de la subcategoría Sir Giant, el banner desaparece.
La primera vez que fui a Announcements, no había banner. Cuando voy a la página de etiquetas Music y luego de regreso a Announcements, el banner ahora es visible.
También acabo de notar algo: si estoy en la página Announcements y no veo ningún banner, si hago clic en el mismo enlace nuevamente (Announcements), el banner aparece, lo cual es claramente un error.
2 problemas más:
1 - Estoy en una categoría con una descripción. Puedo ver la descripción en el banner. Esa descripción tiene un enlace externo a mi tienda en línea. Cuando hago clic en él, aunque tengo la configuración para abrir todos los enlaces externos en una nueva pestaña, ese enlace se abre en la misma pestaña. Y puedo confirmar que la configuración está funcionando, porque el tema en sí que define la descripción del banner, abre el enlace en una nueva pestaña.
2 - Ahora, cuando estoy en el sitio web de ese enlace externo (que se abrió en la misma pestaña), tengo que presionar Atrás en el navegador para volver a la subcategoría. Esta vez, la descripción ha desaparecido por completo. El banner y su título están ahí, pero no hay descripción. Incluso si actualizo y fuerzo la actualización del navegador, no vuelve. La única forma de volver a verlo es volver a la categoría principal y luego a la subcategoría nuevamente.
EDITAR: Ok, descubrí algo. No sé qué está pasando detrás de escena, por supuesto, pero la opción roja está causando el problema. La opción verde funciona como se esperaba (siempre en pantalla, independientemente de dónde haga clic, no es necesario hacer doble clic en un menú lateral para que el banner regrese):
Puedo reproducir tu problema, pero no puedo explicarlo. 
Técnicamente (ignórame), esto es lo que observo con este elemento header-list-container-bottom:
Si seleccionas una subcategoría → una etiqueta, el componente se inserta y, de inmediato, se llama a teardownComponent (¿?). Pero el componente no se destruye. Con la clase category-header eliminada de \u003cbody\u003e de la función de limpieza, algunos CSS ocultan el banner. Puedes seleccionar otra etiqueta para volver a insertar el componente.
Es confuso por qué, después de ser insertado, se llama a will-destroy de inmediato.
Bueno, al menos sé que no soy solo yo… eso es bueno.
Incluso si no quisiera, no tengo idea de qué estás hablando en tu explicación, ¡jaja! Pero es bueno que sepas que algo que debería funcionar de cierta manera, no lo hace. Probablemente sea un paso en la dirección correcta para solucionarlo.
Entonces, el problema parece estar en la ubicación del banner, porque como dije, una de las opciones (al menos, porque en realidad no probé las otras dos) funciona.
Cuando selecciono ‘Mostrar logotipo de categoría’, el logotipo aparece dos veces, una desde la configuración de la categoría y otra desde este componente del tema. ¿Estoy cometiendo un error?
Además, ¿es posible hacer que el título y/o la descripción de ‘acerca de’ aparezcan debajo del logotipo?
No, es un error conocido. También hay CSS que puedes añadir para ocultar un logo en ese tema
¡Gracias, Moin! El CSS arregló la imagen para mí.
Para poner el nombre de la categoría debajo de la imagen, esto me funcionó:
.category-title-contents,
.category-title-header.category-banner-1slug .category-title-contents {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;}
.category-logo,
.category-title-header.category-banner-1slug .category-logo {
width: 100%;
margin-bottom: 10px;
margin-right: 0;}
.category-title,
.category-title-header.category-banner-1slug .category-title {
width: 100%;
margin-top: 20px;
text-align: left;}
¡Hola! Quizás alguien pueda ayudarme a solucionar un problema bastante extraño que surgió de repente.
Todos los títulos de los banners solían ser blancos, pero ahora han cambiado a negro y solo en algunas categorías… ¿Es un error conocido o debería revisar algo por mi parte?
Por ej:
El enlace a nuestra comunidad, por si acaso: https://community.elfsight.com/
