Schede di argomento

[Discourse]

	Riepilogo	Topic Cards ridisegna l’elenco degli argomenti per visualizzarli come schede con un’immagine in miniatura
	Anteprima	Anteprima su Discourse Theme Creator
	Repository	\u003chttps://github.com/discourse/discourse-topic-cards\u003e
	Nuovo per i temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Poiché si tratta di un componente del tema #ufficiale mantenuto dal team di Discourse, #supporto, Bug, UX e richieste di #funzionalità possono essere effettuate nelle rispettive categorie qui su Meta, e taggate con il tag appropriato del componente del tema. Fai clic su un link qui sotto per avviarne uno.

\u003ckbd\u003e \u0026nbsp;Supporto \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;Bug \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;UX \u003c/kbd\u003e \u003ckbd\u003e \u0026nbsp;Funzionalità\u003c/kbd\u003e

\u003e Questo componente del tema potrebbe causare conflitti con altre personalizzazioni dell’elenco degli argomenti

Funzionalità

Questo componente si ispira a Topic Thumbnails, semplifica l’uso, aggiunge estratti e clic su intera scheda, e aggiunge un po’ di magia CSS extra.

• Rendi l’intera scheda cliccabile (ad eccezione dell’avatar dell’autore originale)
• Mostra l’estratto
• Mostra un’immagine in miniatura dell’argomento, se disponibile
• Mostra la data di pubblicazione
• Elimina alcuni metadati e rendi i “Mi piace” più prominenti

Desktop

Mobile

Impostazioni

Traduzione	Predefinito
published	Published

\u003cbr\u003e

\u003e:discourse2: Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e 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 Louis)]

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;
      }
   }
}