Carte degli argomenti

[Discourse]

	Riepilogo	Topic Cards ridefinisce l’aspetto dell’elenco dei topic, visualizzandolo come una serie di card con una miniatura
	Anteprima	Anteprima su Discourse Theme Creator
	Repository	https://github.com/discourse/discourse-topic-cards
	Primo uso dei temi Discourse?	Guida introduttiva all’utilizzo dei temi Discourse

Installa questo componente del tema

Poiché si tratta di un componente del tema official mantenuto dal team di Discourse, le richieste di Support, Contribute > Bug, Contribute > UX e Contribute > Feature possono essere inviate nelle rispettive categorie su Meta, utilizzando l’etichetta appropriata del componente del tema. Clicca su uno dei link seguenti per iniziare.

 Supporto  Bug  UX  Funzionalità

Questo componente del tema potrebbe causare conflitti con altre personalizzazioni dell’elenco dei topic

Funzionalità

Questo componente si ispira a Topic Thumbnails, semplifica l’utilizzo, aggiunge estratti e la possibilità di cliccare sull’intera card, e aggiunge un po’ di magia CSS.

• Rendi cliccabile l’intera card (tranne l’avatar del primo postatore)
• Mostra l’estratto
• Mostra una miniatura del topic, se disponibile
• Mostra la data di pubblicazione
• Riduci alcuni metadati e rendi i “Mi piace” più evidenti

Desktop

Mobile

Impostazioni

Traduzione	Valore predefinito
published	Pubblicato

Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business ed Enterprise.

[Moin]

La linea blu verticale copre parti del testo

(Sembra non dipendere dal browser/dispositivo, ho provato Edge/Windows, Chrome/Android e Firefox/Android)

[frold]

ha funzionato subito su Chrome su Windows e su Chrome su iPhone 8

[chapoi]

@Moin

La linea blu verticale copre parti del testo

Giusto, me ne ero dimenticato. Risolverò – grazie

[jayme]

come posso eliminare le schede “risposte” e “attività” sotto il pulsante “+ Nuovo argomento”?
lo rendono il mio argomento molto corto e ha un brutto aspetto haha

[Lilly (Lillian)]

Ciao @jayme, sembra che quelle schede non facciano parte di questo componente e siano probabilmente inserite da un altro componente o plugin del tema. Quando carico un forum di prova con questo componente, quelle schede non esistono, né appaiono negli screenshot nella OP. Potrebbe essere necessario disabilitare altri componenti per trovare quale, quindi se non c’è un’impostazione per quelle schede, potrebbe essere necessario disabilitarlo.

[chapoi]

Border/box-shadow non funziona bene con le schede, quindi ho dovuto improvvisare un po’ per ottenere un’indicazione sostitutiva

UX: replace border with text colour on select with keyboard

[Moin]

@chapoi

ho dovuto improvvisare un po’ per ottenere un’indicazione sostitutiva

In qualche modo non vedo più alcun indicatore

[chapoi]

Stai usando i comandi j/k per navigare?

[Moin]

No, ho appena usato Tab. Beh, in realtà ho usato il mio tablet. Dopo aver usato il pulsante indietro, il post di solito viene evidenziato. Qui non è successo. Ho provato questo solo sul computer per la registrazione.

[derak (Cristian Deraco)]

componente del tema fantastico!

[Gonerdot]

Ho provato a installare questo componente su molti temi, ma ovunque sembra un po’ storto. Cosa sto sbagliando?

[chapoi]

Difficile da dire. Sembra che in qualche modo l’altezza delle schede sia limitata e il contenuto sia più grande del solito.

Puoi prima verificare che non sia dovuto a un conflitto con altri componenti o temi? Vedo che hai anche la barra laterale destra abilitata e questo potrebbe influire su alcuni calcoli delle dimensioni, forse.

Quindi controlla questo e fammi sapere?

[Gonerdot]

Ho disabilitato tutti gli altri componenti, ma il problema non si è risolto.

[chapoi]

Strano! Posso dare un’occhiata al forum su cui l’hai installato?

[Gonerdot]

bearblog.ru

Ma devi cambiare il tema in dracula nelle impostazioni del tuo profilo.

[chapoi]

Grazie, ci darò un’occhiata!

[Gonerdot]

Mi sembra che il problema possa essere risolto limitando il numero di caratteri nell’anteprima, ma non so come fare.

[chapoi]

Quindi, le schede argomento necessitano di un’altezza massima, altrimenti si verificano problemi come:

Non posso dire perché la tua non si adatta bene, perché nell’esempio sul creatore di temi posso anche usare titoli multilinea e si adatta ancora:

Potrebbe avere a che fare con la dimensione del carattere, il tipo di carattere o l’altezza della linea. Sfortunatamente, ciò richiederà alcune modifiche individuali e non qualcosa per cui posso applicare una soluzione universale.

Una possibile soluzione è, come hai detto, limitare il titolo a una sola riga, cosa che potresti fare aggiungendo questo CSS:

.topic-card {
  .link-top-line {
      max-width: 100%;
      overflow: hidden;
      
     .title {
        display: block;
        white-space: no-wrap;
      }
   }
}