FKB Pro - Tema social

También puedes pedir ayuda en:

https://ask.discourse.com

¿Cómo hacer que la barra lateral derecha se muestre en todas partes? No solo en la página de inicio y en las categorías.

No funciona para el botón “añadir tema”

Mmm… a mí me funciona bien al previsualizar en Theme Creator.

Si quieres apuntar específicamente al botón de Nuevo Tema, prueba con:

button#create-topic {
  // añade cosas aquí...
}

Después de esta actualización, parece haber un problema con esta parte del CSS.

Al tener

  • un mensaje privado
  • con una etiqueta
  • y ver sin barra lateral

El ancho se vuelve muy pequeño

Causa:

.navigation-topics,
.categories-list,
body[class*="tag-"]:not(.archetype-regular):not(.archetype-banner),
body[class*="category-"]:not(.archetype-regular):not(.archetype-banner):not(.archetype-banner):not(.archetype-private_message) {

en fkb-d-topic-list.scss se está aplicando, y no debería.

Sospecho que necesita :not(.archetype-private_message)
Sin embargo, me pregunto por qué está apuntando a estos arquetipos de manera tan específica en absoluto. ¿Solo está tratando de ver si está en una lista de temas (frente a la vista de un tema?)

2 Me gusta

Me encanta este tema, pero o bien estoy encontrando un error o he roto algo.

Por alguna razón, parece que no hay ningún relleno encima de los temas, por lo que las esquinas redondeadas desaparecen en cierto modo y no hay separación visible entre cada tema.

Parece que algo relacionado con el nuevo cambio experimental de la base moderna está causando este comportamiento. Desactivarlo parece restablecer el relleno a la normalidad.

Título:
[Bug] El tema se bloquea en Discourse 2026.4.0-latest — No se pudo encontrar el módulo 'ember-this-fallback/js-component'

Descripción:

Después de actualizar Discourse a v2026.4.0-latest (commit 19374472fd), el tema FKB Pro provoca un bloqueo fatal en el frontend, lo que deja el foro parcialmente inutilizable. Discourse muestra el banner naranja:

“由于主题/组件有错误,您的站点可能无法正常运行。由 ‘FKB Pro theme’ 引起。”
(Traducción: “Debido a un error en el tema/componente, es posible que su sitio no funcione correctamente. Causado por ‘FKB Pro theme’.”)

Causa raíz:

El tema (o uno de sus componentes) todavía hace referencia al módulo ember-this-fallback/js-component, el cual ha sido eliminado del núcleo de Discourse en versiones recientes. Este módulo era un parche de compatibilidad para el patrón heredado de Ember this-property-fallback, que permitía a las plantillas usar {{foo}} en lugar de {{this.foo}}. Discourse anunció oficialmente la eliminación de este parche y exigió que todos los temas y plugins migraran a enlaces explícitos con this..


Error desde la consola del navegador:

Failed to load theme 4 from https://www.sitetalk.net/...
Error: Could not find module 'ember-this-fallback/js-component' imported from (require)

[THEME 4 'FKB Pro theme'] Error: Could not find module 'ember-this-fallback/js-component' imported from (require)
  at vendor.js
  at requireModule (vendor.js)
  at Object.lookup (chunk.js)
  ...
  at reportThemeError (chunk.js)

(Versión de Discourse mostrada en la consola: v2026.4.0-latest, Ember v6.10.1)


Entorno:

Elemento Valor
Versión de Discourse v2026.4.0-latest (commit 19374472fd)
Versión de Ember v6.10.1
Tema FKB Pro (instalación predeterminada de este repositorio)
Reproducibilidad 100% reproducible tras actualizar Discourse

Esperamos que los desarrolladores puedan solucionar este problema. ¡Gracias!"}

4 Me gusta

Hola, al actualizar Discourse a la versión v2026.4.0-latest — Ember v6.10.1, apareció un error que impide el uso del foro:

client-error-handler.js:109 [THEME 28 ‘FKB Pro theme’] Error: No se pudo encontrar el módulo ember-this-fallback/this-fallback-helper importado desde (require)
at loader.js:247:1
at a (loader.js:258:1)
at requireModule (loader.js:24:1)
at Object.lookup (app.js:36:12)

Esperamos una solución para este problema.

4 Me gusta

¿Hay alguna novedad sobre la corrección de esto?

¿Hay alguna novedad sobre cuándo se solucionará esto?

Tengo un informe de que GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub está funcionando. He realizado una solicitud de extracción.

4 Me gusta

Hola Don,

¡En primer lugar, un tema absolutamente impresionante! Recientemente implementé FKB Pro para mi comunidad local de educación, Jiwa.now, y la interfaz basada en tarjetas se ve preciosa y muy profesional.

Mientras probaba en dispositivos móviles, noté un problema de experiencia de usuario (UX) relacionado con las áreas clicables de las tarjetas de temas. Actualmente, las zonas clicables parecen inconsistentes. Por ejemplo, los usuarios pueden hacer clic en los bordes extremos de la tarjeta para entrar a un tema, pero hacer clic en otras áreas vacías (como a la derecha de la fila de avatares o en el medio del pie de página) no hace nada.

Esta interacción de «acierto o fallo» confunde a los usuarios y a menudo provoca clics accidentales cuando simplemente intentan deslizar y desplazarse por el feed.

:light_bulb: Una sugerencia para futuras actualizaciones: Sería una mejora de UX si el tema pudiera refinar esto por defecto, haciendo que solo el contenido principal (título, imagen y extracto) sea clicable para entrar al tema, mientras se deshabilita el fondo de la tarjeta para evitar clics accidentales al deslizar.

Mientras tanto, para garantizar que la experiencia táctil en móviles sea 100% fiable para mis usuarios, escribí un fragmento de CSS utilizando un enfoque de «lista blanca» con pointer-events. Esto neutraliza por completo los clics en el fondo y reactiva específicamente los clics solo en los elementos interactivos reales.

Pensé en compartirlo aquí para cualquiera que busque refinar sus objetivos táctiles, y quizás podría ser una referencia útil para desarrolladores:

/* Solución para conflictos de clic/toque en tarjetas móviles (Enfoque de lista blanca inteligente) */

/* 1. Neutralizar todo el fondo de la tarjeta para evitar clics al deslizar */
.topic-list-item {
    pointer-events: none !important;
}

/* 2. Reactivar todos los enlaces y botones nativos (avatares, etiquetas, títulos) */
.topic-list-item a,
.topic-list-item button {
    pointer-events: auto !important;
}

/* 3. Reactivar clics en imágenes */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 4. Reactivar toda el área de estadísticas del pie de página */
.topic-list-item .topic-item-stats,
.topic-list-item .topic-footer,
.topic-list-item .post-activity,
.topic-list-item .activity,
.topic-list-item .num,
.topic-list-item .topic-meta-data {
    pointer-events: auto !important;
}

/* 5. Eliminar cualquier pseudoelemento de enlace estirado superpuesto */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
    pointer-events: none !important;
    display: none !important;
}

¡Gracias!

Leo