FKB Pro - Tema social

Puoi anche chiedere aiuto qui:

https://ask.discourse.com

Come faccio a far sì che la barra laterale destra venga visualizzata ovunque? Non solo nella homepage e nelle categorie.

Non funziona per il pulsante “aggiungi argomento”

1 Mi Piace

Hmm… funziona bene per me quando visualizzo in anteprima su Theme Creator.

Se vuoi indirizzare specificamente il pulsante Nuovo Argomento, prova:

button#create-topic {
  // aggiungi qui...
}

Dopo questo aggiornamento, sembra esserci un problema con questa parte del CSS.

Quando si ha

  • un messaggio privato
  • con un tag
  • visualizzazione senza barra laterale

La larghezza diventa molto piccola

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) {

in fkb-d-topic-list.scss viene applicato, e non dovrebbe.

Sospetto che sia necessario aggiungere :not(.archetype-private_message)
Tuttavia, mi chiedo perché stia prendendo di mira questi archetipi in modo così specifico? Sta solo cercando di capire se si è nella lista degli argomenti (rispetto alla visualizzazione dell’argomento?)

2 Mi Piace

Adoro questo tema, ma o sto riscontrando un bug o ho rotto qualcosa.

Per qualche motivo, sembra non esserci alcun padding sopra gli argomenti, così gli angoli arrotondati scompaiono e non c’è alcuna separazione visibile tra un argomento e l’altro.

Sembra che qualcosa legato al nuovo cambiamento sperimentale della base moderna stia causando questo comportamento. Disattivandolo, il padding torna alla normalità.

Titolo:
[Bug] Il tema si blocca su Discourse 2026.4.0-latest — Impossibile trovare il modulo 'ember-this-fallback/js-component'

Descrizione:

Dopo aver aggiornato Discourse alla versione v2026.4.0-latest (commit 19374472fd), il tema FKB Pro provoca un blocco fatale del frontend, rendendo il forum parzialmente inutilizzabile. Discourse mostra il banner arancione:

“A causa di un errore nel tema/componente, il tuo sito potrebbe non funzionare correttamente. Causato da ‘FKB Pro theme’.”
(Traduzione: “A causa di un errore nel tema/componente, il tuo sito potrebbe non funzionare correttamente. Causato da ‘FKB Pro theme’.”)

Causa radice:

Il tema (o uno dei suoi componenti) fa ancora riferimento al modulo ember-this-fallback/js-component, che è stato rimosso dal core di Discourse nelle versioni recenti. Questo modulo era un adattatore di compatibilità per il pattern deprecato di Ember this-property-fallback, che permetteva ai template di utilizzare {{foo}} invece di {{this.foo}}. Discourse ha annunciato ufficialmente la rimozione di questo adattatore e ha richiesto a tutti i temi e plugin di migrare verso legami espliciti con this..


Errore dalla console del browser:

Impossibile caricare il tema 4 da https://www.sitetalk.net/...
Errore: Impossibile trovare il modulo 'ember-this-fallback/js-component' importato da (require)

[TEMA 4 'FKB Pro theme'] Errore: Impossibile trovare il modulo 'ember-this-fallback/js-component' importato da (require)
  at vendor.js
  at requireModule (vendor.js)
  at Object.lookup (chunk.js)
  ...
  at reportThemeError (chunk.js)

(Versione di Discourse mostrata nella console: v2026.4.0-latest, Ember v6.10.1)


Ambiente:

Voce Valore
Versione di Discourse v2026.4.0-latest (commit 19374472fd)
Versione di Ember v6.10.1
Tema FKB Pro (installazione predefinita da questo repository)
Riproducibilità 100% riproducibile dopo l’aggiornamento di Discourse

Speriamo che gli sviluppatori possano risolvere questo problema. Grazie!!!

4 Mi Piace

Ciao, aggiornando Discourse alla versione v2026.4.0-latest — Ember v6.10.1 è apparso un errore che rende il forum inutilizzabile
client-error-handler.js:109 [THEMA 28 ‘Tema FKB Pro’] Errore: Impossibile trovare il modulo ember-this-fallback/this-fallback-helper importato da (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)
Si prega di procedere con la correzione.

4 Mi Piace

Ci sono novità sulla risoluzione di questo problema?

Ci sono novità sul risolvere questo problema?

Ho ricevuto una segnalazione che GitHub - literatecomputing/fkb-pro-theme: FKB Pro is a highly modified, detailed, professional social theme, but still user-friendly. · GitHub sta funzionando. Ho creato una pull request.

4 Mi Piace

Ciao Don,

Prima di tutto, un tema assolutamente splendido! Ho recentemente implementato FKB Pro per la mia comunità educativa locale, Jiwa.now, e l’interfaccia basata su schede ha un aspetto magnifico e altamente professionale.

Durando i test su mobile, ho notato un problema di UX relativo alle aree cliccabili sulle schede degli argomenti. Attualmente, le zone cliccabili sembrano incoerenti. Ad esempio, gli utenti possono cliccare sui bordi stessi della scheda per entrare in un argomento, ma cliccare su altre aree vuote (come a destra della riga con l’avatar o al centro del piè di pagina) non fa nulla.

Questa interazione «colpisci o manca» confonde gli utenti e spesso porta a clic accidentali quando cercano semplicemente di scorrere e sfogliare il feed.

:light_bulb: Un suggerimento per gli aggiornamenti futuri: Sarebbe un miglioramento dell’UX se il tema potesse rifinire questo aspetto di default, rendendo cliccabili per entrare nell’argomento solo i contenuti principali (Titolo, Immagine e Estratto), disabilitando contemporaneamente lo sfondo della scheda per evitare clic accidentali durante lo scorrimento.

Nel frattempo, per rendere l’esperienza tattile su mobile affidabile al 100% per i miei utenti, ho scritto un frammento CSS utilizzando un approccio di «lista bianca» basato su pointer-events. Neutralizza completamente il clic sullo sfondo e riabilita specificamente i clic solo sugli elementi interattivi effettivi.

Ho pensato di condividerlo qui per chiunque voglia affinare i propri target tattili e, forse, potrebbe essere un utile riferimento per gli sviluppatori:

/* Correzione per conflitti di clic/tocco sulle schede mobili (Approccio Smart Whitelist) */

/* 1. Neutralizza l'intero sfondo della scheda per evitare clic durante lo scorrimento */
.topic-list-item {
    pointer-events: none !important;
}

/* 2. Riabilita tutti i link e i pulsanti nativi (Avatar, Tag, Titoli) */
.topic-list-item a,
.topic-list-item button {
    pointer-events: auto !important;
}

/* 3. Riabilita i clic sulle immagini */
.topic-list-item .topic-image,
.topic-list-item .topic-thumbnail,
.topic-list-item img {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* 4. Riabilita l'intera area delle statistiche del piè di pagina */
.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. Elimina eventuali pseudo-elementi di link allungati sovrapposti */
.topic-list-item .main-link::before,
.topic-list-item .main-link::after {
    pointer-events: none !important;
    display: none !important;
}

Grazie!

Leo

2 Mi Piace

@Don il tuo tema è fantastico, grazie per aver condiviso questo magnifico tema :high_five:. Era solo un piccolo messaggio di ringraziamento, perché per me è importante sottolinearlo: ci sono state ore di lavoro dedicate, per il piacere della comunità!!

3 Mi Piace

Ciao @gilles :waving_hand: Grazie per le belle parole! :hugs:
Ho una piccola sezione di supporto nel mio profilo, se mai volessi sostenere il mio lavoro: > ./support --coffee

1 Mi Piace

FKB Pro v2 - Novità?

Siamo un po’ in ritardo con l’annuncio - la v2 è stata rilasciata circa due settimane fa - ma, come si suol dire, meglio tardi che mai. :slightly_smiling_face:

FKB Pro v2 è un aggiornamento piuttosto sostanziale sotto la superficie. Sebbene l’aspetto generale e il feeling rimangano familiari, diverse parti del tema sono state ridisegnate, ottimizzate e ripulite.

:desktop_computer: Layout desktop migliorato

L’elenco dei topic per desktop utilizza ora un layout più flessibile, che funziona molto meglio con la barra laterale di Discourse e il pannello di FKB Pro.

Il layout si adatta automaticamente man mano che lo spazio disponibile cambia, con breakpoint dedicati per schermi più piccoli e dispositivi mobili.

:triangular_ruler: Comportamento responsive migliore

È stato compiuto molto lavoro per gestire i layout stretti e i contenuti in eccesso.

I titoli dei topic lunghi, i nomi utente, i tag e altri contenuti vengono ora gestiti in modo molto più affidabile, evitando che spingano il layout oltre la sua larghezza disponibile.

I layout mobili sono stati inoltre adattati per funzionare con la larghezza effettiva del contenitore, anziché fare affidamento sulla dimensionamento basato sul viewport.

:high_voltage: Prestazioni dell’elenco dei topic

L’elenco dei topic ha ricevuto anche alcune ottimizzazioni delle prestazioni.

Le schede dei topic fuori schermo possono ora essere saltate dal browser quando appropriato, mentre le immagini dei topic e i loro contenitori utilizzano regole di contenimento migliori.

Questo dovrebbe essere particolarmente utile per gli elenchi di topic più lunghi.

:locked_with_key: Caching del pannello FKB migliorato

Il pannello FKB utilizza ora chiavi di cache specifiche per l’utente e versionate.

Invece di condividere voci di cache generiche, i dati dell’utente vengono archiviati in relazione all’utente Discourse corrente, il che impedisce alle informazioni in cache di passare tra gli account quando si cambia utente nello stesso browser.

La cache gestisce ora anche in modo più affidabile la scadenza e le voci non valide.

:high_voltage: Caricamento del pannello più rapido

I dati del riepilogo utente e delle schede vengono ora richiesti in parallelo, invece di attendere che una richiesta si concluda prima di iniziare la successiva.

C’è anche una protezione aggiuntiva contro le richieste obsolete che sovrascrivono i dati dopo che l’utente attivo è cambiato.

:control_knobs: Nuova gestione dello stato del pannello

Lo stato mostra/nascondi del pannello FKB è stato spostato in un servizio di stato dedicato.

Questo rende il comportamento più prevedibile e più facile da mantenere, migliorando anche il toggle del pannello stesso con:

  • stato aria-expanded appropriato

  • etichette descrittive

  • icone dinamiche

  • stato mostra/nascondi persistente

:wheelchair_symbol: Miglioramenti dell’accessibilità

Diversi elementi interattivi hanno ricevuto un miglior supporto per l’accessibilità, in particolare attorno ai controlli del pannello FKB.

Il toggle del pannello espone ora correttamente il suo stato alle tecnologie assistive e fornisce etichette e titoli più utili.

:mobile_phone: Miglioramenti mobili

Diversi layout mobili sono stati ripuliti e resi più robusti, inclusi elenchi dei topic, categorie, messaggi privati, pagine utente, gruppi e topic.

L’obiettivo era far sì che FKB Pro si comportasse in modo più naturale all’interno del layout responsive di Discourse, anziché lottare contro di esso.

:puzzle_piece: Codice più modulare

Una grande parte dell’aggiornamento è stata anche dedicata a rendere la base di codice più facile da mantenere.

Il pannello FKB è stato suddiviso in componenti più piccoli per elementi come informazioni utente, statistiche, badge e visitatori.

Le schede dell’elenco dei topic sono state anche riorganizzate in componenti separati per intestazione, corpo, metadati e sezione elenco.

Questo non cambia necessariamente ciò che gli utenti vedono, ma rende lo sviluppo futuro considerevolmente più semplice.

In breve

FKB Pro v2 non è solo un aggiornamento visivo. È una riscrittura piuttosto significativa di diverse parti del tema, con un focus su miglior comportamento responsive, prestazioni, caching, accessibilità e manutenibilità.

Grazie a tutti coloro che usano FKB Pro e segnalano problemi o suggeriscono miglioramenti. :heart:

> ./support --coffee :heart:

2 Mi Piace

Ho un problema di formattazione su mobile a causa della descrizione. Ho provato a vedere se potessi fare qualcosa, ma non ci riesco. Non so se sono l’unico in questa situazione

1 Mi Piace

sono riuscito a fare una modifica in scss per la versione mobile

/* Forza il testo della descrizione a andare a capo */
.category-heading__content p,
.category-heading__content span,
.category-heading__content div {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
}

dopo, forse c’è qualcosa di meglio :rofl:

Sembra un problema principale. :thinking: Mi capita anche con il tema predefinito.

Tuttavia, penso che questa sezione sarebbe gestita meglio con grid. Qualcosa come:

.category-heading {
  &.--has-logo {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--space-4);
  }

  &__content {
    min-width: 0;

    .badge-category__wrapper {
      max-width: 100%;
    }
  }
}

Questo sembra gestire lo spazio disponibile in modo più affidabile, soprattutto quando il nome della categoria è lungo.

1 Mi Piace