Las dos opciones que ves [todas las categorías] [todas las etiquetas], junto a Últimas, debajo del encabezado, son visibles en la vista de PC
Pero no son visibles en la vista móvil
Se pueden obtener modificando un poco, pero quiero que sean visibles por defecto en la vista móvil de la página de inicio, ¿podrían guiarme sobre cómo habilitarlas en la vista móvil?
Canapin
(Coin-coin le Canapin)
20 Octubre, 2023 15:20
2
Hola
Parece que estas entradas solo están ocultas con una clase .hidden en dispositivos móviles.
Puedes revelarlas, pero como no están diseñadas para la vista móvil, necesitan algunas reglas CSS adicionales para que no se vean demasiado raras.
Puedes empezar con esto:
.category-breadcrumb {
display: flex !important;
gap: 0;
.plugin-outlet-component {
flex: 0;
}
}
Pruébalo en la pestaña Móvil de tu tema o componente.
Se verá así:
No lo he probado mucho y podría interferir con plugins o componentes que usen los outlets disponibles antes y después de estos selectores.
Por lo tanto, es probablemente más una base de trabajo que algo completamente funcional… ¡Puedes probar y ver qué tal!
Editar:
Me han dicho que estas entradas son visibles por defecto en la página de una categoría.
Así que mi código CSS en su estado actual estropeará un poco el diseño de estos campos en la página de la categoría y necesitará más ajustes.
4 Me gusta
Canapin
(Coin-coin le Canapin)
20 Octubre, 2023 16:26
6
Puedes echarle un vistazo a esto:
I took a shot today at making it always visible and this seems to be working for me with no side effect that I could notice:
api.modifyClass("component:bread-crumbs", {
pluginId: "never-hidden-bread-crumbs",
hidden: false
});
hidden is originally:
@discourseComputed("category")
hidden(category) {
return this.site.mobileView && !category;
},
I preferred to make it hidden on the categories page only.
2 Me gusta
La verdad es que no sé cómo usar CSS, de hecho, no tengo ninguna relación con el campo de la informática.
Si hay una opción que pueda activar o desactivar, puedo hacerlo.
Me temo que actualmente no hay un interruptor de interfaz de usuario para esto. Necesitaría crear un pequeño componente temático y algo de código adicional para obtener este comportamiento a medida.
1 me gusta