Veo el mismo problema con el esquema de color predeterminado (no cambié el esquema antes).
Curiosamente, el fondo y el icono usan el mismo color --primary-low-mid, y no veo ningún cambio reciente al respecto. ![]()
Veo el mismo problema con el esquema de color predeterminado (no cambié el esquema antes).
Curiosamente, el fondo y el icono usan el mismo color --primary-low-mid, y no veo ningún cambio reciente al respecto. ![]()
Ok, gracias por el informe, encontré el problema y ya se ha solucionado.
Hola chicos. Estoy usando el tema Air y me gustaría mostrar las últimas publicaciones a los usuarios en la página de inicio del foro, pero el tema Air solo muestra las categorías y tampoco se muestra ninguna publicación de actividad reciente (como en el tema predeterminado).
¿Cómo puedo hacer que muestre ambas cosas, las categorías y las últimas publicaciones (justo debajo de las categorías) en la página de inicio de los dispositivos móviles?
Puede que no sea la forma más limpia de hacerlo, pero añade estas líneas en el CSS de escritorio
.topic-list-data.num.views {
display: unset;
}
td.topic-list-data.num.views {
display: flex;
order: 4;
justify-content: center;
align-items: center;
}
Hola a todos, acabo de actualizar al tema Air. Me encanta, por cierto.
Pero solía tener una imagen de fondo en la pantalla de inicio de sesión usando discourse-trendy-login, pero ahora que uso el tema Air, no puedo hacer que la imagen de fondo aparezca. ¿Cómo cambio esto? Gracias de antemano.
¿Puedes compartir un enlace a tu sitio?
Creo que esto debería funcionar para ti:
.background-container {
display: none;
}
Por favor, informa aquí si no funciona.
Hola Jordan:
Estoy experimentando un efecto interesante al configurar un banner con una imagen. Está estirando la imagen y haciendo que se desplace horizontalmente.
Mientras que un onebox parece respetar el ancho.
Lo siguiente muestra la barra superior del banner desplazada hacia la derecha, centrando la limpieza de la sed y la edición.
He probado diferentes tamaños de imagen. En el tema, el usuario para la publicación del banner se muestra bien. Esto también parece afectar a las cajas de YouTube obtenidas al menos usando el plugin RSS. No he probado con un onebox normal de YouTube.
¿Cómo puedo solucionar esto? ¿Y hay alguna forma con CSS de aumentar la altura del banner visible?
Varias personas han preguntado sobre cómo mostrar las subcategorías en la página de Categorías. Esto se relaciona con el componente Modern Category + Group Boxes, pero como no tiene un tema propio (¿verdad?), compartiré mis hallazgos aquí:
Esto funciona:
/* Muestra las subcategorías */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories {
display: inline-flex;
flex-flow: wrap;
}
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategory {
display: inline-flex;
align-items: baseline;
margin-right: .3em;
}
/* Elimina las imágenes de categoría de la lista */
.custom-category-boxes:not(.above-discovery-categories-outlet) .subcategories .subcategory .subcategory-image-placeholder {
display: none;
}
Además, si tienes muchas subcategorías, quizás quieras mostrar una categoría por fila.
/* Una categoría por fila */
.custom-category-boxes:not(.above-discovery-categories-outlet) {
grid-template-columns: 1fr;
}
El resultado se ve así:
Creo que las cajas tienen un límite de altura, pero no he encontrado la manera de eliminarlo. Todavía no tenemos suficientes subcategorías para ver el problema en el escritorio, pero estamos alcanzando el límite en el móvil:
¿Alguna idea para resolver este problema?
Tengo un error de respuesta con este tema en los navegadores Chrome y Edge, con Firefox está bien.
¿Cómo puedo solucionarlo?
Gracias
¿Hay alguna forma de mantener los avatares en la lista de temas en el escritorio en formato circular? Lo revisé en el móvil y están en círculo, pero ¿por qué cuadrados en el escritorio?
Hola, en mi tema Air, los avatares de escritorio son circulares como en el móvil.
¿Tienes algún componente que esté cambiando el avatar a cuadrado?
Editando según la publicación original, parece que deberían ser cuadrados…
No, no lo tengo. Estoy usando el tema predeterminado de Discourse y el tema Air. El tema predeterminado de Discourse usa formato circular. Si miras las otras imágenes del tablero de arriba, todas son cuadradas.
Y los avatares no se ven fluidos.
Es posible que pueda usar este Theme component para corregirlo.
Justo lo que necesito usar. ¡Muchas gracias!
¿Alguien puede decirme cómo cambiar el fondo de este tema?
¿Puede ser más específico? Hay varios lugares donde puede modificar el fondo con una imagen.
Hola @jordan.vidrine, he notado que en algunos lugares no hay un contenedor alrededor del contenido.
Preferiría que estos elementos tuvieran un “burbuja”, ya que dificulta la lectura cuando parte del texto, por ejemplo, pasa de un fondo blanco a uno azul.
Esto es para las insignias. Pero también ocurre en “Ganado…”.
Preferiría la burbuja en lugar de la columna blanca recta, ya que creo que tiene un efecto más agradable. Esto también sería bueno para otros elementos flotantes e incluso para los encabezados de grupo de categorías modernos.
Mod para el tema Air para soporte de quién está en línea Plugin
Crea Theme component
Edita el CSS común y añade este código
// Personalización de Whis Online
.discovery-list-container-top-outlet.online_users_widget {
display: flex;
padding-top: .38em;
background-color: var(--secondary);
border: 1px solid rgba(var(--primary-rgb), 0.2);
border-radius: 0.65em;
transition: box-shadow 100ms ease-in-out;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);
}
Habilita el Componente en el tema Air
Resultado anterior, esto se mostraba sin color de fondo ni borde, lo que dificultaba la lectura
Hay algunas áreas que me gustaría arreglar que tienen este problema.
Ejemplo mostrado en mi publicación anterior.
EDITAR Nueva corrección adicional para el banner Global problema
Información adicional sobre las especificaciones del banner Global:
// corrección de imagen del banner global
#banner img {
width: 100%;
height: auto;
}
Agradecimientos especiales a @awesomerobot por proporcionar este fragmento de código.
Hola a todos, estaba intentando añadir CSS personalizado a este tema, pero la opción no está ahí junto con las otras opciones de personalización del tema. ¿Qué me estoy perdiendo?