Schede di argomento


Attualmente, la homepage viene visualizzata in modo errato sul Samsung S23 Ultra. Un singolo post sta causando un overflow del testo e compromettendo l’intero layout.

Questo problema è causato dal post stesso o da un bug di un componente del tema?

Grazie!

1 Mi Piace

Ho verificato e ho scoperto che il problema è causato da un link di Google Maps nel post.

Se il link è nel formato maps.google.com, funziona correttamente.

2 Mi Piace

La componente Topic Cards si sta preparando per Upcoming topic-list changes - how to prepare themes and plugins? Ho appena aggiornato Discourse e ho ricevuto un avviso per gli amministratori che dice che questa componente deve essere aggiornata.

È già stato aggiornato, quindi non dovresti più vedere avvisi. Puoi ricontrollare che stai eseguendo la versione ufficiale più recente di questo componente e non un fork?

1 Mi Piace

Argh, vero! Colpa mia. Avevo dimenticato che stiamo eseguendo GitHub - communiteq/discourse-topic-cards: This changed the topic list into cards with a modified layout, and a thumbnail if available.. https://github.com/communiteq/discourse-topic-cards

@RGJ scusa il disturbo, sai qual è la differenza attuale tra il tuo fork e il repository principale?

2 Mi Piace

Sì, il repository principale è stato mantenuto correttamente… Mi occuperò di questo all’inizio della prossima settimana.

2 Mi Piace

Versione mobile per qualche motivo è rotta quando il componente ‘estratto dell’argomento’ è abilitato e anche senza di esso (ho due temi con e senza questo componente e entrambi si sono rotti) ¯\_(ツ)_/¯ quindi questo css è sufficiente

PS: Incolla questo codice nel file SCSS mobile dal pannello di amministrazione

.topic-card__excerpt-text {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    white-space: normal !important; 
}

.topic-card__excerpt {
    max-width: 100% !important;
    overflow: hidden !important;
}

.topic-list-item {
    overflow: hidden !important;
    max-width: 100% !important;
    white-space: normal !important;
}

td {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: normal !important;
}
2 Mi Piace

Come si può applicare questo a una singola categoria o a un elenco di categorie, come Miniature elenco argomenti?

1 Mi Piace

Dovresti aggiungere la logica al componente. Se non è nella roadmap ufficiale, allora solo forkando il progetto.

Sì, questo è qualcosa di cui avremmo sicuramente bisogno anche noi. @jordan-violet hai fatto quello che ha suggerito @manuel

Non ho le competenze tecniche per farlo. :disappointed_face:

1 Mi Piace

Abbiamo preso una direzione diversa che ci è piaciuta di più. Stiamo usando Miniature elenco argomenti e poi abbiamo aggiunto un po’ del nostro CSS per farlo apparire/comportare come volevamo. Puoi vederlo in azione qui:

5 Mi Piace

Va bene

1 Mi Piace

Ehi, significa molto che lo dica tu! Grazie!

1 Mi Piace

Hai qualche idea sul motivo per cui alcuni titoli sono neri mentre altri sono blu? Tutti e 3 gli argomenti sono stati letti da me.

Ah! Ho risposto alla mia domanda subito dopo averla pubblicata. Il nero indica risposte non lette. Ma dato che la bolla # è proprio lì, probabilmente non ha bisogno nemmeno del richiamo del colore.

1 Mi Piace

Se voglio che le card degli argomenti abbiano un colore diverso rispetto al resto dello sfondo, quale CSS dovrei modificare?

Inoltre, non vedo che sia menzionato, ma Topic Cards nasconde l’icona delle azioni di massa, possiamo scoprirla?
Devo continuare a disattivarla ogni volta che ho bisogno di applicare aggiornamenti di massa agli argomenti.

1 Mi Piace

fai clic con il pulsante destro del mouse sull’elemento che desideri modificare e seleziona ispeziona. si apriranno gli strumenti per sviluppatori del browser e dovresti vedere il selettore CSS

1 Mi Piace

Grazie, ho aggiunto:

.topic-card.has-max-height {
    background: #e6ecf2
}
.topic-card.has-max-height:hover {
    background: #ddecf7
}

E funziona perfettamente con la palette standard ‘Shades of Blue’.

Bene, parte 2. Come faccio a modificarlo per farlo funzionare con 2 palette di colori? Sembrava buono finché il browser non è passato alla modalità scura.

Rispondo di nuovo alla mia stessa domanda…

Ho imparato a usare @media (prefers-color-scheme: light/dark) ieri sera, quindi tutto bene.

1 Mi Piace

Grazie mille @eisammy!!! Ho avuto problemi con questo e mi stavo strappando i capelli! Per qualche motivo, non riesco a far funzionare i onebox per nessun link esterno, quindi il link lungo negli estratti allungava il testo fuori dal box e rovinava l’interfaccia utente del mio sito. Con il tuo aiuto, è risolto!

1 Mi Piace

C’è qualcosa che non va in questo componente: se clicco sul titolo dell’argomento, la pagina si ricarica anche dopo averla navigata come previsto con Discourse. Quindi si carica la prima volta, e poi la pagina si ricarica di nuovo senza un motivo apparente. Recentemente ho aggiornato all’ultima versione e ho testato tutte le possibilità più volte, ed è stato solo dopo aver disabilitato il componente che il comportamento insolito si è interrotto.

Discourse 3.5.0.beta7-dev - https://github.com/discourse/discourse versione 773ae006b7d4315c01a37170b1ebad27332d515e

1 Mi Piace

C’è qualche possibilità che questo arrivi presto?