Sto solo ricondividendo questo qui. Pensavo che il plugin Chat avesse un problema di conflitto con Discourse Search Banner. Ma dopo aver provato un’anteprima solo del Banner. Sembra essere un problema relativo allo sfondo di Air Theme.
Mi stavo solo chiedendo se avessi avuto modo di valutare il problema del plugin Chat? come descritto sopra? Mi scuso, immagino che tu sia molto impegnato. Pensavo fosse un conflitto con Search Banner, ma sembra essere lo sfondo di Air Theme. Il plugin di chat sembra creare una colonna centrale bianca che si sovrappone allo sfondo blu.
utilizzando il tema Air. Quando il plugin Chat è disabilitato non mostra problemi. Dopo che la chat è abilitata come sopra.
MODIFICA: Mi sono sbagliato. Ho riconfermato che in realtà è un conflitto/problema con lo sfondo del tema Air, vedi il blu viene tagliato/rimosso. Vedi i post qui sotto con la chat disattivata, lo sfondo blu viene visualizzato correttamente con il banner di ricerca di Discourse sovrapposto correttamente in bianco su blu.
Puoi vedere in questo screenshot che l’icona del plugin Chat è scomparsa dall’intestazione. Puoi anche vedere gli altri effetti che il plugin Chat sta apparentemente apportando allo sfondo, creando un rettangolo bianco vuoto che ignora lo sfondo blu.
Ora, guardando attentamente, potrebbe interferire con lo sfondo blu del tema Air? Poiché il testo nel banner è bianco. Quindi potrei essere sulla strada sbagliata con il banner di ricerca Discourse. Potrebbe essere un conflitto con una parte del tema Air… ??
Confermato. Mi scuso, sembra essere un conflitto con lo sfondo del tema Air. Ho appena provato un’anteprima solo del banner di ricerca di Discourse con il plugin Chat.
Dando un’ulteriore occhiata al tema Air, la parte blu dello sfondo è bloccata in quella colonna centrale durante lo scorrimento, il blu è solo sui bordi esterni. Quando la chat è disabilitata, la parte blu dello sfondo si collega da sinistra a destra attraverso il centro.
Sto solo dando una spinta a questo. Sembra che sia in realtà lo sfondo del tema Air ad avere una colonna bianca centrale. Vedi le immagini sopra.
Mi stavo solo chiedendo se il team è stato in grado di riprodurlo, dato che è stato isolato allo sfondo del tema Air e non a un problema con il banner di ricerca.
Sembra che l’uscita del tuo plugin Search Banner sia impostata sul valore predefinito above-main-container? Penso che tu debba cambiarla per posizionare il Search Banner fuori da #main-outlet
Tuttavia, il tema ha uno stile personalizzato per la chat quando è abilitato su #main-outlet, che penso debba essere attivo solo nelle pagine di chat.
Questo aggiunge lo sfondo con !important a #main-outlet, che sovrascrive la trasparenza dello sfondo del tema su #main-outlet, ecc…
Ok, questo risolve il display principale. Quale sarebbe il codice per correggere la chat? Poiché ha ancora la colonna bianca sotto l’intestazione del banner di ricerca nelle categorie, come da tuo ultimo screenshot.
Sto aggiungendo immagini di “loghi di categoria” ad alcune, ma non a tutte, delle mie categorie.
Comportamento previsto: Quando aggiungo un’immagine del logo a una categoria, la dimensione dell’etichetta rimane la stessa di quella delle altre categorie.
Comportamento osservato: Quando aggiungo un’immagine del logo a una categoria, il quadrato è comparativamente più grande dei quadrati nelle etichette delle categorie senza immagini del logo. Oltre a non allinearsi con le categorie nella stessa colonna, le righe con categorie con immagini del logo sono più alte delle righe con categorie senza immagini del logo.
Posso confermare che è così che viene visualizzato sul mio sito. Credo che sia dovuto al fatto che le categorie non di logo utilizzano un descrittore molto piccolo rispetto a un logo di gatto.
Immagino che tu possa probabilmente usare il CSS per far sì che le categorie non di logo corrispondano alle dimensioni della casella di quelle con logo.
Grazie per la conferma. Il CSS mi fa venire la pelle d’oca. È il mio tallone d’Achille. Non sono mai stato meno produttivo che quando lavoravo per far sì che i margini apparissero giusti usando il CSS.
Immagino che tu stia ancora imparando. Ma immagina che l’autore o un membro del team possa aiutare con una correzione del codice CSS.
Ho appena scoperto l’interruttore chiaro/scuro. Funziona bene. Salva se aggiorni la pagina, sembra che discourse visualizzerà invece il logo del tema chiaro. Sospetto che ciò sia dovuto al fatto che discourse non rileva che il browser web non è in modalità scura.
Sarebbe possibile inviarmi un messaggio diretto? Non mi sento a mio agio a condividere il link pubblicamente. Grazie per la tua disponibilità ad aiutare! <3
Ho disinstallato Air Theme e tutti i suoi plugin, e li ho reinstallati. Ho provato tutto ciò che mi viene in mente per risolverlo ma non ci riesco.
Tema predefinito - Il menu a discesa delle categorie non scompare dopo aver selezionato un’opzione diversa (su mobile)
Air Theme - Il menu a discesa delle categorie scompare dopo aver selezionato un’opzione diversa. (su mobile)
Sto cercando di personalizzare la mia istanza self-hosted di Discourse e ho trovato questo tema un buon punto di partenza!
Come fate a fare modifiche al CSS (come cambiare lo sfondo)?
Poiché non c’è una sezione “CSS/HTML personalizzato” nella pagina del tema quando seleziono quel tema, come invece c’è nel tema predefinito.
deprecated.js:61 Avviso di deprecazione: gli argomenti di PluginOutlet dovrebbero ora essere passati usando `@outletArgs=` invece di `@args=` (outlet: category-box-below-each-category) [deprecation id: discourse.plugin-outlet-args]
in
Ho dimenticato qualcosa nelle impostazioni del mio tema?
Ho guardato, non vedo…