FKB Pro - Tema sociale

Ma si potrebbe fare con CSS/qualunque cosa? :smile:

MODIFICA: Ignora tutto quanto segue. Il problema era il componente Discourse Topic List Author.
Inoltre, hai idea di cosa sia successo a questa barra? Ho aggiornato la mia pagina ieri sera e si è trasformata casualmente in questo e non riesco a capire come risolverlo. Sul cellulare, invece, sembra ancora a posto. La barra è molto larga ora e quando ci clicchi sopra, il colore del testo è dello stesso colore (in modalità chiara e scura) e le cose non sono più completamente all’interno della casella.


Ho confrontato il CSS del mio tema con il tuo qui per topic-list-header e sono uguali, quindi non ho idea di cosa stia causando questo.

@Don Ehi, rapidissimo, c’è un buon modo per regolare questi pulsanti in modo che non siano così affollati sui dispositivi mobili?

Un po’ disordinato com’è attualmente. Forse “Rispondi” potrebbe essere spostato accanto all’area “2/2”/icona della chiave inglese e “Tracciamento” potrebbe essere spostato accanto a “Controlli argomento”. Qualcosa di più pulito.

Inoltre, il componente Discourse Topic List Author rende la scatoletta in basso molto larga per qualche motivo. C’è un modo per aggirare questo problema? Mi ci è voluto un’eternità per capire che era questo componente a causare il problema, haha.

Ho apportato alcune modifiche qui:

Penso che il tema predefinito abbia lo stesso allineamento. :thinking: Non penso che dovremmo cambiare questo. Comunque gli utenti non hanno il pulsante chiave inglese.

Non penso che il componente tema Autore Elenco Argomenti sia compatibile con questo tema. Poiché sia il tema FKB che l’Autore Elenco Argomenti sovrascrivono il modello dell’elemento dell’elenco argomenti.

1 Mi Piace

Grazie mille! Li controllerò tra un minuto. Una domanda veloce, però:
Qual è il modo corretto di aggiornare questo tema se l’ho forkato su GitHub?

In pratica, l’ho forkato, apporto le mie modifiche localmente e le invio al mio GitHub, quindi aggiorno il tema nel pannello dei temi di amministrazione del mio sito. Ma come posso aggiornarlo mantenendo ciò che ho modificato localmente e includendo anche le modifiche che tu apporti? Quando vado a sincronizzare il mio fork del tema con le modifiche che apporti, ottengo questo:

Quindi, se scarto le mie modifiche, non scompariranno tutte le mie modifiche? Voglio mantenere le modifiche che ho apportato ricevendo anche le modifiche che apporti al nucleo del tema.

MODIFICA: Ho aggiornato il tema con le tue ultime modifiche. Sembra che l’area/icona di tracciamento sia ora spostata a sinistra dello schermo e l’area della pagina “2/2” sia ora arrotondata. È corretto? Ora sembra un po’ meglio su mobile, ma anche su un account utente normale, c’è ancora quello strano spazio vuoto su mobile accanto al numero di pagina.

MODIFICA 7 ore dopo: Quindi, questo tema non ha opzioni per “selezionato” e “hover” negli schemi di colore? Vedo tutte le opzioni di colore tranne le ultime 2: selezionato e hover.

Ehi, @Don, oltre alla mia risposta qui sopra, è possibile creare qualcosa in modo che invece di avere “Leggi tutto…” sui post più lunghi e, una volta cliccato, ti faccia entrare nell’argomento, mostri invece tutto il contenuto dell’argomento espanso invece di entrare nell’argomento effettivo? Come funziona/funzionava Facebook?

MODIFICA 17 ore dopo: Inoltre, c’è un modo per far sì che il pulsante dei commenti nella pagina principale dei forum ti porti direttamente ai commenti invece di scegliere il post originale o il più recente?

Sì, è intenzionale.

Ho unito questo. :+1:

1 Mi Piace

Ciao @Don

Grazie per il fantastico tema!
Mi stavo chiedendo come potrei cambiare le impostazioni per avere il terzo stile di badge qui sotto, dato che il mio sito attualmente mostra il primo stile di badge

1 Mi Piace

Ciao :waving_hand:

Grazie :heart: Sì, ci sono state alcune modifiche al core con i badge di categoria. Aggiungerò un’impostazione per cambiare lo stile di questi. :slightly_smiling_face:

1 Mi Piace

Grazie.

E poi non è grave, ma ho anche notato 3 problemi CSS:

1) Il banner di ricerca non mostra correttamente la barra di ricerca su desktop/tablet, solo in visualizzazione mobile.

Desktop:

Mobile (che sembra a posto):

2) La visualizzazione Documenti su mobile si estende oltre lo schermo a destra:

3) Le caselle delle categorie (per le sottocategorie) tagliano le parole una volta che diventano 3 colonne in modo responsivo:

C’è un modo per risolvere anche questi problemi?

1 Mi Piace

Ciao @Clo :wave:

Grazie per la segnalazione. :slightly_smiling_face: Questo aggiornamento copre praticamente tutto ciò che hai menzionato.

Contiene una nuova impostazione in cui puoi scegliere tra gli stili dei badge di categoria.
Non contiene ancora lo stile della barra.

stile badge categoria

  • pallino (predefinito)
  • scatola

Aggiunto anche un po’ di supporto per il componente tema della barra di ricerca e corretto la visualizzazione dell’elenco degli argomenti della documentazione su mobile.


Presumo che questo sia il componente tema GitHub - discourse/discourse-minimal-category-boxes. Ma non riesco a riprodurlo. :thinking: Potresti chiarire di più? Succede anche con altri temi, ad esempio il tema predefinito?

Ciao @Don

Grazie mille, la barra di ricerca e le categorie ora hanno un aspetto fantastico!

Purtroppo, la visualizzazione mobile dei Documenti necessita ancora di un po’ di padding, credo. Vedi l’immagine qui sotto:

Il testo si estende ancora oltre lo schermo a destra.

E per quanto riguarda i riquadri delle categorie, non è successo con nessun altro tema che ho usato in precedenza o con il tema predefinito. Potrebbe essere perché questo tema ha una barra laterale a destra, che gli altri non hanno, quindi ora le tre colonne devono stringersi al centro?

Questi sono i componenti che sto usando:

Lo stesso problema si verifica con la pagina delle categorie principali:

Sembra che l’interruzione di riga per la dimensione dello schermo sia troppo tardiva, causando la riduzione dei riquadri a dimensioni troppo piccole per il testo, che poi viene troncato.

Puoi per favore condividere l’URL del tuo forum o inviarmelo in PM? Potrò quindi controllare queste cose più facilmente. :slightly_smiling_face:

Ciao, @Don, avevo una domanda. Come faccio a cambiare i colori della barra laterale per le modalità scura e chiara?

Il colore di sfondo dell’evidenziazione che voglio cambiare è elencato su:

--d-sidebar-highlight-background:
var(--primary-low);

ma non vedo “highlight-background” nel repository GitHub. So come cambiarlo localmente, ma se lo cambio da var(--primary-low); a #000000;, ad esempio, influisce su entrambe le modalità. Come posso avere un colore diverso per ogni modalità? Nota: questo influisce anche sull’area inferiore qui, che ho anche bisogno di avere diversa per ogni modalità:

Inoltre, c’è un modo per far sì che il pulsante dei commenti nella pagina principale dei forum ti porti direttamente ai commenti invece di scegliere il post originale o il più recente?

Il mio mostra così, non attaccato al bordo della casella. Come faccio ad avere il mio così?
gggg

Grazie!

Ehi, @Don, uno dei tuoi recenti aggiornamenti al tema ha causato un problema nell’installazione? La mia esportazione di ieri si carica correttamente, ma quando eseguo il fork dell’ultima versione e provo a installare uno .zip o dal repository GH, ricevo un errore 500.

Nei miei log, ottengo:

Impossibile elaborare correttamente la risposta dirottata: ActiveRecord::RecordNotUnique: PG::UniqueViolation: ERRORE: la violazione della chiave univoca viola il vincolo di univocità “theme_field_unique_index”
DETTAGLIO: La chiave (theme_id, target_id, type_id, name)=(50, 5, 1, common/fkb-c-alternative-voting-category) esiste già.

Ogni volta che provo a importare il tema, il theme_id aumenta di uno, quindi almeno non è un problema di theme_id…

Ciao :wave:

È questo il tuo fork? https://github.com/GitHubQueenn/fkb-pro-theme2

Sembra che tu abbia creato una cartella stylesheets che duplica i file della cartella scss. Questo causa il problema perché i file sono duplicati e ha cercato di importarli da entrambe le cartelle. Se vuoi apportare modifiche allo stile, crea un nuovo componente del tema o modificalo nella cartella scss o puoi usare anche il nome stylesheets per la cartella, ma non entrambe. Ma è meglio mantenere scss come usato dal repository principale.

Ciao, non sono sicuro di come stia succedendo. Ho una cartella “stylesheets” in ogni backup di quando eseguo il backup del tema; non l’ho mai creata io stesso. Ha questo aspetto e ho apportato molte modifiche ai file al suo interno.


Stai dicendo di eliminarla?

Sì, questo è perché lo esporti dall’amministratore? Presumo che questa cartella contenga la tua modifica. Non sono sicuro di quale versione sia, ho apportato alcune modifiche in questi giorni. Ma puoi caricare questi file nella cartella scss.

1 Mi Piace

Grazie! Sarebbe possibile spostare questo e rimuovere completamente il nome della categoria?

MODIFICA 6 ore dopo: Inoltre, il tuo tema funzionerebbe correttamente se combinassi tutti i file .scss in un unico grande file? Sto cercando di ottimizzare il mio sito il più possibile e alcuni siti di test delle prestazioni dicono che deve caricare molti file css e js, principalmente dal tema. Ha raccomandato di ridurre il numero di file e di mettere tutto in uno.

Conflitti con discourse-tab-bar-theme, si consiglia di aggiungere un’altezza personalizzata per i pulsanti

Questo plugin sembra fantastico.

Esiste un plugin che abbia un concetto di “amico” tale per cui sia necessario accettare una richiesta di amicizia affinché qualcuno possa vedere i tuoi post nel proprio feed?