Tema Aria

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.

Vedi nel link qui sotto.

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

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.

Ciao,

Ho trovato un problema quando il plugin di chat di Discourse ha attivato il Banner di Discourse Search Banner diventa vuoto.

Esecuzione Test-superato

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.

Ciao Heliosurge, non sono sicuro di capire il problema (vedo un’area vuota nel tuo screenshot però)

Puoi condividere i passaggi esatti che dobbiamo eseguire per riscontrare il problema in modo da poterlo riprodurre noi stessi? :slight_smile:

1 Mi Piace

Era molto semplice. Il tema Air aveva il banner di ricerca Discourse installato come parte del tema completo.

Come dichiarato, l’esecuzione è andata a buon fine.

Una volta abilitato il plugin Chat, il banner di benvenuto del banner di ricerca Discourse non visualizza più il messaggio di benvenuto.

Disabilita il plugin Chat. Il banner di benvenuto viene visualizzato.

Plugin Chat disabilitato

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.

Vedi sotto

Mi scuso per la diagnosi errata.. :facepalm:

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.

vs

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.

Ciao Dan,

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 :arrow_down_small:


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…

Penso che sarebbe meglio limitare questo a .has-full-page-chat in modo che appaia solo nelle pagine di chat?


Con l’impostazione above-main-container :arrow_down_small:

Con l’impostazione below-site-header :arrow_down_small:

3 Mi Piace

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.

Grazie per il tuo aiuto.

1 Mi Piace

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.

Questo accade su dispositivi mobili e desktop.

Come posso risolvere questo problema?

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.

1 Mi Piace

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.


Strano, sembra essersi risolto da solo. lol

Mi sono appena trasferito e devo dire che è un tema molto pulito e gradevole. Mi piace molto. Ottimo lavoro a chiunque l’abbia progettato. Grazie.

2 Mi Piace

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)

Ho trovato il problema per la mancanza del menu a discesa “Categoria” per dispositivi mobili utilizzando il tema Air.

In riferimento ai post…

Il codice nel tuo repository Common.scss afferma…

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

Ho aggiornato il codice a

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

E ora il menu a discesa Categorie non scompare dopo aver scelto un’altra opzione del menu a discesa. :slight_smile:

2 Mi Piace

Ciao a tutti..

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.

2 Mi Piace

Ciao,

  1. Inizia creando un nuovo componente del tema per il tuo forum.
  2. Includi il tuo nuovo componente nel tema desiderato (quello che viene utilizzato o un tema “dev” per permetterti di controllarlo prima)
  3. Trova il pulsante Modifica CSS/HTML nelle impostazioni del componente
  4. Crea ed espandi gli orizzonti! :fire:

4 Mi Piace

Fantastico.. Non avevo pensato a un componente come semplice modifica CSS.

Grazie.

3 Mi Piace

Ciao,
Ho un avviso nella console:

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…

3 Mi Piace