 |
Riepilogo | Rende più evidenti gli stili [details] in modo che siano più cliccabili |
 |
Anteprima | tramite Theme Creator |
 |
Repository | Ger / Component - Better Hide Details · GitLab |
 |
Guida all’installazione | Come installare un tema o un componente tema |
 |
Nuovo per i temi di Discourse? | Guida per principianti all’uso dei temi di Discourse |
Installa questo componente tema
Descrizione
Questo componente rende più evidente che l’intestazione di [details] funziona come un pulsante. I dettagli annidati hanno colori più intensi per ogni livello ed è chiaro dove finisce ogni elemento.
Screenshot
Con il componente tema Hide Details Button Style
Senza il componente tema Hide Details Button Style
Questo è lo stesso senza che il componente sia attivo su un’installazione normale:
Sorgente utilizzata nell'esempio
[details=Riga del titolo]
Contenuto
[details=Titolo nidificato chiuso]
Contenuto nidificato
[/details]
[details=Titolo nidificato]
Ulteriore contenuto nidificato
[/details]
[/details]
[details=Secondo dettaglio]
Ulteriore contenuto
[/details]
Testo
[details=Dettagli aggiuntivi]
Ancora più contenuto
[/details]
(↑ Per quanto riguarda la formattazione meta di Discourse per nascondere i dettagli, non sono del tutto sicuro di cosa influenzi il theming su questa installazione o se possa essere una funzionalità futura.)
Caratteristiche
- Rende chiaro dove inizia/finisce un
[details]e che può essere cliccato - Il
[details]attualmente selezionato viene evidenziato visivamente con \u003ckbd\u003eTAB\u003c/kbd\u003e. - Vengono gestiti diversi casi limite come annidamento,
[details]multipli successivi - Appare in tempo reale nell’anteprima dell’editor
- Visualizzazione di base nei flussi “Risposte recenti”, ecc.
- Utilizza il colore terziario dello schema colore
- Freccia separata per titoli di riepilogo multilinea
Osservazioni
- L’ho testato con tutti i temi dell’istanza Discourse di cui faccio parte e ha funzionato lì
- Utilizza parzialmente funzionalità CSS più recenti, quindi i colori potrebbero non funzionare correttamente sui browser vecchi
- Se Discourse cambierà la struttura o lo stile di
[details]in futuro, questo componente tema probabilmente si romperà.
\u003cdiv data-theme-toc=“true”\u003e \u003c/div\u003e
Sarebbe meglio se ci fosse un’impostazione per il colore dello sfondo.