Puoi scegliere tra una gamma di colori o selezionare colori dalla tua tavolozza per abbinarli al tuo tema. Puoi anche impostare l’opacità dello sfondo della bolla in relazione al colore e allo sfondo.
Sono curioso di una cosa perché non ho mai smanettato con i plugin prima d’ora…
È possibile permettere un codice esadecimale con opacità, invece di accettare solo i colori di sistema? Nessun problema se comporta un sacco di lavoro extra. Sono solo curioso.
E se volessi modificare lo stile? dell’ombra o di altri CSS. Non sono molto pratico di Github e di come funziona tutto ciò, ma ho dato un’occhiata al tuo repository .git prima di copiarlo nei componenti del mio tema. So scrivere CSS. Posso fare una copia del tuo plugin, poi modificare il file CSS che hai e infine caricarlo come nuovo componente del tema con lo stile che desidero?
Se potessi indicarmi qualche istruzione su come modificare un plugin, sarebbe fantastico. O, suppongo, potrei semplicemente fare un override CSS dal lato front-end. Una delle due opzioni è migliore dell’altra in termini di prestazioni?
Ancora una volta… Grazie mille per questo… è esattamente la soluzione che stavo cercando per differenziare i DM dai topic normali!
Grazie @jord8on. È fantastico ricevere un feedback del genere.
Rendi personalizzabile l’ombra proiettata come opzione nelle impostazioni.
Per quanto riguarda la creazione/modifica del tuo CSS, è semplice. Carica il componente, quindi clicca sulla sezione CSS/HTML personalizzato nelle impostazioni del componente.
Modifica semplicemente il foglio di stile CSS e clicca su Salva. Queste sono le tue personalizzazioni. Se desideri condividerle e integrarle nel componente affinché tutti ne traggano beneficio, puoi semplicemente pubblicare il CSS in questo argomento su Discourse Meta oppure, come obiettivo a lungo termine, imparare a effettuare pull request su GitHub e/o fare un fork del repository se stai apportando modifiche più sostanziali.
Ho aggiornato questo componente del tema in modo che ora tu possa inserire i tuoi colori utilizzando:
nomi colori HTML (black, white, maroon, red, purple, green, lime, olive, yellow, navy, blue, teal, aqua)
codici colori HTML (#000000 black, #FFFFFF white, ecc. o codici brevi, ad es. #CCC)
nomi colori del tema (primary, secondary, tertiary)
Puoi anche inserire i tuoi colori per il testo dei messaggi nello stesso modo, per creare un contrasto con il colore della bolla.
L’impostazione di opacità ti permette di fondere il colore della bolla con lo sfondo, in modo che il colore cambi in base alle impostazioni del tuo tema, ad esempio per i temi Chiaro e Scuro.
Questo aggiornamento è retrocompatibile. Per accedere a questa funzione, utilizza il pulsante “Controlla aggiornamenti” nelle impostazioni del tuo tema.
Ho disabilitato i bordi con CSS personalizzato e ho apportato solo una leggera variazione di colore, che risulta gradevole. Sarebbe ottimo se ci fosse un’opzione per modificare i bordi o semplicemente un interruttore on/off.
A proposito, come puoi vedere, ho installato il componente due volte e impostato colori scuri per il nostro tema scuro e colori chiari per il nostro tema chiaro. Penso che non ci sia altro modo se vogliamo utilizzare colori CSS personalizzati.
Inoltre, un piccolo suggerimento: permetti di aggiungere qualcosa alla fine del pulsante di risposta, ma in alcune lingue (come il turco) è preferibile aggiungerlo all’inizio, poiché il verbo si trova alla fine delle frasi.
Sì, è un buon workaround. La modifica prevista in Discourse per rimuovere la possibilità di modificare localmente i temi e i componenti di Discourse avrà un impatto sulla tua implementazione? È stato chiaramente utile in questo caso.
Mi riferivo a questo annuncio nella versione Beta. Puoi ancora modificare il CSS, ma dovresti creare un nuovo componente del tema, non più collegato al repository git, e copiare tutto il codice. È quello che hai fatto tu, oppure hai optato per la soluzione più semplice, ovvero modificare direttamente il CSS nel componente?
Questo mi sembra problematico. Preferirei mantenere la possibilità di modificare i temi in loco. Certamente aiuta nello sviluppo di temi e componenti.
Ho un componente locale, chiamato “common sub-theme”, in cui apporto modifiche per altri componenti. In questo sottotema prendo di mira le classi, gli elementi, ecc. di altri componenti. Finché l’autore del componente non cambia i nomi delle sue classi, ID, ecc., per me va bene e funziona. Attualmente, dato che hai anche incluso la rimozione del bordo, non ho bisogno di alcuna modifica nel mio sottotema per il componente Personal Message Bubbles, a proposito.
Ciao e grazie per questo delizioso componente del tema.
Un potenziale bug: Sembra che l’opzione per il testo “aggiunto” includa uno spazio prima della stringa in fondo all’argomento del messaggio, ma non lo includa nella finestra dell’editor. Vedi sotto:
@Rhidian, puoi anche aggiungere l’opzione per anteporre del testo al pulsante Rispondi? In alcune lingue (come il turco) avrebbe senso aggiungere del testo all’inizio di un verbo.
La funzionalità di questo componente del tema è stata aggiunta al core di Discourse a partire dalla versione 2.8.0. Non otterrai grandi risultati se continuerai a usarlo dopo aver aggiornato oltre quella versione!
