Come mostrare il cancello più avanti nel post?

Sviluppatore
1

Grazie per l’ottimo componente! Sarebbe possibile mostrare il gate più in basso nel post? (I nostri argomenti iniziano tutti con un’immagine e vorremmo mostrare una buona parte di testo o anche definire un punto nell’argomento in cui il gate viene visualizzato.) Qualsiasi suggerimento (ad esempio, trucchi CSS) è apprezzato!

2 Mi Piace
2

Sì, mi stavo chiedendo qualcosa di simile, magari un’impostazione percentuale che potesse essere modificata.

3

Attualmente, il contenuto è nascosto utilizzando la seguente tecnica (tra le altre):

  • Lo scorrimento è disabilitato
  • L’altezza del contenuto della pagina è impostata al 100%

Potresti modificare queste cose. Ad esempio:

body.topic-in-gated-category {
    height: 200%;
}

Ciò consentirà uno scorrimento ulteriore:

Questo potrebbe essere reso più gradevole magari riducendo l’area blu (¼ o ⅓ dello schermo), accorciando anche il gradiente bianco…

Puoi anche modificare questo:

.topic-in-gated-category .post-stream {
    max-height: 150vh;
    overflow: hidden;
}

Scegliere quanti post mostrare con CSS è complicato perché si trovano allo stesso livello di piccole azioni, intervalli di tempo e così via.
Quindi, utilizzare CSS come:

.post-stream > *:nth-child(n+6) {
    display: none;
}

Non mostrerà sempre lo stesso numero di post da un argomento all’altro.

4 Mi Piace
4

Sembra che sarà davvero utile per il nostro forum. Puoi dirmi dove dovrebbe essere aggiunto questo codice personalizzato, ad esempio nelle impostazioni del componente o nel CSS del tema?

Grazie mille in anticipo

5

Ciao Jaime,

Il CSS del tuo tema o un CSS di componente separato, entrambe sono scelte accettabili. L’utilizzo di un componente consente un facile collegamento a più temi, che sarebbe il modo preferito.

1 Mi Piace
6

Grazie @Arkshine. E dopo aver approfondito un po’ di più, penso di dover clonare o forkare il repository per questo componente e poi apportare le mie modifiche direttamente al CSS comune prima di importare la versione modificata di nuovo in Discourse? È corretto?

1 Mi Piace
7

Se desideri modificare del CSS, puoi creare facilmente un nuovo componente tramite l’interfaccia utente.

  1. Vai su Admin → Personalizza
  2. Fai clic su Installa
  3. Quindi scegli Crea nuovo. Il tipo dovrebbe essere Componente.
    image
    image519×357 5.62 KB

Questo è tutto! Allegalo al tuo tema; quindi, puoi Modifica CSS/HTML.

Di solito vorresti eseguire un fork se desideri contribuire al componente originale su Github (creando una Pull Request) o se desideri creare la tua versione. Se lo fai, non riceverai aggiornamenti dal componente originale; probabilmente non è quello che desideri qui!

1 Mi Piace
8

Grazie ancora. Il problema, credo, è che la proprietà CSS nel mio componente personalizzato sarà presente anche nel componente base dal repository su Github.

A meno che non ci sia un modo per specificare che un componente debba sovrascriverne un altro, sembra necessario creare semplicemente un clone del repository e utilizzare la mia versione modificata (che ora funziona, ma non riceverò aggiornamenti, come dici tu).

9

Se il tuo CSS non sovrascrive il componente originale, puoi aggiungere !important in una regola. Questo dovrebbe funzionare.

.topic-in-gated-category .post-stream {
    max-height: 150vh !important;
    overflow: hidden !important;
}
1 Mi Piace
10

Funziona perfettamente, grazie ancora per l’aiuto!

1 Mi Piace
11

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.