← Inserisci “repoName” e “repoURL” per il pulsante di installazione automatica →
Installa questo componente tema
← Descrivi questo tema/componente in una o due frasi →
Questo componente aggiunge un pulsante all’editor per creare cursori di confronto immagini trascinabili. Le impostazioni del cursore, come la direzione o l’icona del pulsante, possono essere personalizzate dalle impostazioni dell’amministratore.
Principalmente, ho bisogno di ripulire il codice e renderlo più in linea con Discourse. Al momento è un po’ sciatto, dato che stavo imparando attivamente come creare un componente del tema qui
Ho anche in programma di aggiungere un modo per cambiare la direzione dello slider dalla composizione: al momento, la direzione è quella impostata nelle impostazioni dell’amministratore, vorrei renderla controllabile dall’utente. (MODIFICA: questo è stato aggiunto!)
Vorrei anche aggiungere un maggiore controllo sugli stili della maniglia/del divisore dello slider, ma purtroppo non è realmente possibile. Il JavaScript che gestisce lo slider costruisce lo slider prima di qualsiasi modifica CSS e non ricostruisce lo slider quando le modifiche CSS vengono apportate.
Ho aggiunto la possibilità per l’utente di scegliere uno slider verticale o orizzontale, utilizzando un attributo data-direction-horizontal o data-direction-vertical. L’impostazione predefinita scelta nelle impostazioni dell’amministratore verrà utilizzata se l’utente non specifica una direzione
Questo aggiornamento è ora disponibile su GitHub o dal pannello di amministrazione di Discourse, se hai installato il componente del tema.
È difficile dire cosa stia causando questo, non riesco a replicarlo da parte mia Di quegli errori, solo il primo potrebbe provenire da questo componente, poiché non sto usando un tooltipContainer o un ciclo ResizeObserver, ma di nuovo, non sono davvero sicuro. Ti sei aggiornato all’ultima versione? Ho apportato alcune modifiche ieri che potrebbero risolvere questo problema
Grazie Joseph, sono all’ultima versione. È strano, non riesco più a visualizzare questo messaggio e non vedo problemi, quindi forse è stato un caso isolato?
Un’altra cosa, l’icona non vuole cambiare. Ho, ovviamente, aggiunto l’icona al sottoinsieme di icone svg. Ho anche provato diverse icone che funzionano già sul mio sito e non cambia dal fulmine. Sto cercando di cambiarla in arrows-alt-h
Il plugin sembra rubare tutti gli eventi mouse-down del cursore e mi impedisce di selezionare qualsiasi testo sulla pagina per copiare/incollare/citare, ecc. Questo non è un problema su meta.discourse… è scomparso… amo la tecnologia.
Ho creato un post di istruzioni per utilizzare la funzionalità e alcune persone hanno detto che non vedevano nulla. (feedback non molto utile dato che non ho segnalazioni di bug reali da parte delle persone).
Hmm… questo è strano, l’ho testato su Firefox senza problemi. Vedrò se riesco a riprodurlo. Adoro i bug casuali la libreria che sto usando non ha problemi nel repository GitHub per Firefox, aperto o chiuso, il che rende la correzione dei bug ancora più difficile.
Localizzazioni: non sono sicuro di quale sia il processo per fornire file di localizzazione, posso aggiungere un en.GB dato che parlo quella lingua, ma questa è l’estensione della mia esperienza. Qualche altro autore di componenti del tema sa come funzionano le traduzioni dei file di localizzazione? Dovrei semplicemente passare il testo tramite Google Translate?
Capisco come ti senti Ci darò un’occhiata, sto usando il parser YML di VS Studio ma potrebbe non essere all’altezza. Proverò con un po’ di indentazione manuale in stile vecchio stile su Notepad
@Frully Ho risolto il problema di Firefox: ora dovrebbe funzionare su tutti i browser (ho testato Chrome, Firefox, Safari e versioni mobili senza problemi). Se aggiorni questo, funzionerà per i tuoi utenti Firefox
Non avevo pensato a quel problema. Grazie per averlo segnalato @Stephane_Roy!
Il problema è che entrambi i componenti del tema utilizzano le stesse variabili di traduzione. Altri TC potrebbero avere lo stesso problema. La soluzione è aggiornare/modificare il nome di button_text e add_images_prompt nei punti sottostanti. Aggiornerò anche Masonry Image Gallery.
| Riepilogo | Aggiungi un pulsante all’editor per creare un cursore interattivo di confronto immagini trascinabile.
|Repository| GitHub - josephclaytonhansen/discourse-image-comparison-slider |
|Guida all’installazione|Come installare un tema o un componente tema|
|Nuovo ai temi di Discourse?| Guida per principianti all’uso dei temi di Discourse|
Di quegli errori, solo il primo potrebbe provenire da questo componente, poiché non sto usando un tooltipContainer o un ciclo ResizeObserver, ma di nuovo, non sono davvero sicuro. Ti sei aggiornato all’ultima versione? Ho apportato alcune modifiche ieri che potrebbero risolvere questo problema
la libreria che sto usando non ha problemi nel repository GitHub per Firefox, aperto o chiuso, il che rende la correzione dei bug ancora più difficile.
