← Aggiungi maggiori dettagli e spiega le impostazioni (se applicabile) →
Ciao
Il componente richiede slider loader.
Questo componente rende l’intera riga cliccabile e aggiunge un’animazione al clic sull’elemento della lista degli argomenti. Puoi scegliere tra alcune animazioni.
push (predefinito sui dispositivi touch): quando fai clic, si spinge verso l’interno e aggiunge un effetto di sfondo.
background (predefinito sui dispositivi non touch): quando fai clic, aggiunge uno sfondo…
slider: quando fai clic, aggiunge uno slider loader sotto l’elemento della lista degli argomenti e nasconde lo slider principale in alto.
blur: quando fai clic, sfoca gli altri argomenti nella lista.
Impostazioni tema
Puoi selezionare le animazioni separatamente per dispositivi non touch e touch.
L’idea alla base di questo è rendere un tocco naturale simile a un’app sui dispositivi touch. Quindi l’animazione push funziona anche nella visualizzazione desktop se si tratta di un dispositivo touch.
Ma sì, penso che possa funzionare facilmente anche su dispositivi non touch. Probabilmente vale la pena aggiungere un’impostazione in più.
Molto ben fatto Don! Ho provato questo con Topic List Thumbnails e funziona per lo più subito. Push e Blur funzionano come previsto, ma Slider appare in cima a tutte le miniature invece di seguire la miniatura, e background non fa nulla (il che ha senso). C’è qualche possibilità che tu dia un po’ più di attenzione a questo? Mi piacerebbe avere lo slider sul desktop, o qualche altra brillante idea che sono sicuro ti verrà in mente!
Grazie Don! Ci ho provato e funziona, ma il colore dello slider non è corretto, o forse è un problema di z-index? Lo slider in questo video dovrebbe essere color oro ma è grigio. Credo che dovrebbe essere terziario? Sto testando senza altri CSS, solo per tua informazione. Prima dell’aggiornamento veniva visualizzato il colore oro, ecco perché penso a z-index
Ho controllato il tuo sito e stai utilizzando la versione precedente che non contiene la correzione z-index. Aggiorna il componente all’ultima versione.
Grazie Don, ora va tutto bene, devo aver aggiornato troppo velocemente
Un suggerimento; prevedere un’opzione per disattivare questa funzione per i dispositivi non touch. Ora che ho provato lo slider non sono sicuro che mi piaccia poiché elimina lo slider predefinito e rende l’esperienza utente incoerente.
@Don - Fantastico! Preferirei (come nel Componente Tema Argomento Cliccabile) al passaggio del mouse, che ovunque all’interno di una riga/elemento, il cursore fosse il puntatore…
@Don - Sembra che l’impostazione del colore di sfondo per l’effetto hover abbia effetto solo dopo aver fatto clic o toccato la riga/l’elemento, e non sul hovering convenzionale precedente (come nel Componente Tema Argomento Cliccabile).
Questa è un’ottima idea. Ho unito un aggiornamento che aggiunge un’impostazione per disattivare l’animazione (componente) separatamente sui dispositivi touch o non touch.
Ora puoi selezionare l’opzione none che disattiverà completamente il componente.
Il componente rende cliccabile solo l’intera riga dell’elemento dell’elenco degli argomenti. Quindi l’ultimo elemento dell’elenco degli argomenti funziona come predefinito ora. Questo è il motivo per cui il puntatore del cursore appare solo sull’elemento dell’elenco degli argomenti sui dispositivi non touch.
Il componente gestisce separatamente i dispositivi non touch e touch. Lo sfondo si attiva al passaggio del mouse, sui dispositivi non touch e sui dispositivi touch dopo averli toccati. Ma penso che necessiti di un aggiornamento perché il passaggio del mouse non funzionerà, ad esempio, sui laptop con touchscreen che potrebbero avere un cursore. Penso che possiamo attivarlo globalmente sulla vista desktop e anche sul puntatore.
Potresti spiegare meglio cosa intendi con la dipendenza da “slider loader”? Si tratta di un altro tema, un plug-in, una libreria JavaScript o qualcos’altro?
Lo slider è la nuova animazione di caricamento della pagina. Quando carichi una pagina in Discourse, c’è una barra di avanzamento orizzontale in cima allo schermo. Quello è lo slider.
Ora è impostato come predefinito, ma può essere ripristinato allo spinner di caricamento originale tramite l’impostazione page loading indicator.
Ciao Don, non c’è proprio modo di farlo funzionare con lo spinner preloader? Onestamente preferisco lo spinner al caricatore a scorrimento per il mio forum.
Ciao
Il motivo per cui funziona solo con lo slider è che quando fai clic su un argomento, il contenuto della pagina viene immediatamente cancellato e sostituito con lo spinner. Quindi non c’è tempo per eseguire un’animazione. Con lo slider, rimaniamo sulla pagina corrente durante il caricamento della pagina successiva, quindi abbiamo il tempo di eseguire un’animazione.
Il componente richiede slider loader.
