il problema è con:
conditional-loading-section:not(.is-loading) {
transition: opacity 5s ease-in-out;
}
Non è possibile utilizzare il CSS personalizzato per impostarlo su none perché viene sovrascritto dal tema predefinito conditional-loading-section.scss.
È possibile riposizionare il banner di ricerca?
Ad esempio, per cambiare l’allineamento da centro a destra o semplicemente regolare la posizione spostandolo leggermente a destra?
Non utilizza le impostazioni del componente Tema, ma è qualcosa che puoi ottenere facilmente utilizzando il tuo CSS personalizzato.
Lo stiamo usando per posizionare l’immagine di sfondo invece del testo
ma non siamo in grado di riadattare l’immagine con il banner di ricerca
apprezzeremmo molto se ci fornissi il codice CSS
L’uso dell’elemento di ispezione può aiutare. O anche guardare il codice sorgente CSS di questo componente o il tema Air poiché la prima parte del CSS sotto le prime righe comuni prende di mira il banner di ricerca con modifiche che lo prendono di mira.
Non testato poiché non ho XP il problema che menzioni.
.display-search-banner {
#main-outlet {
padding-top: 2em;
align: center !important;
}
Inserisci questo codice in un componente CSS personalizzato Theme component.
Apprezzo il desiderio delle persone di fornire codice. Dato che sto ancora imparando anch’io. Tuttavia, dobbiamo anche lavorare sull’educazione di noi stessi con le basi.
Puoi eventualmente testare “align: center !important;” usando l’elemento di ispezione del tuo browser.
questo sembra ottimo, tuttavia quando lo si utilizza nel layout RTL, sembra che il padding non venga tradotto correttamente.
LTR:
RTL:
Grazie per avercelo comunicato! Ho appena apportato un aggiornamento che dovrebbe risolvere il problema.
Sugli ultimi test 3.3.1 superati, solo nella categoria mobile le icone nei risultati della ricerca di completamento automatico non vengono visualizzate. Posso riprodurre il problema anche in modalità provvisoria con tutti i plugin disabilitati.
Puoi provare qui sulla nostra home page: forum.cannabisanbauen.net
Ecco una rapida soluzione in attesa di una soluzione ufficiale:
.search-menu {
.search-link {
.badge-category {
display: inline-flex;
}
}
}
Sembra correlato a questo CSS:
La categoria del badge non ha il display corretto.
Tuttavia, c’è già un inline-flex su .badge-category, quindi penso che sia sicuro rimuovere il CSS nel componente. 
Ho aggiunto questo e impostato il mio testo, ma appare solo per gli utenti connessi, non per gli utenti disconnessi? Ho impostato le opzioni su Entrambi:
Connessi:
Disconnessi:
Impostazioni:
Cosa succede se modifichi anche la traduzione di English_US?
Penso che quando sei connesso, venga utilizzata la lingua scelta nelle tue preferenze (o la locale predefinita del sito). Quando sei disconnesso, il testo viene visualizzato nella preferenza linguistica del tuo browser. Quindi tutti gli utenti che utilizzano una lingua che non hai personalizzato vedranno il testo predefinito. Quindi forse vuoi personalizzare ancora più lingue.
Perfetto, grazie, ha funzionato!
Per vostra informazione, stiamo per unire una versione semplificata di questo nel core FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub .
Questo componente è ancora supportato, ma è stato rinominato in Advanced Search Banner da questo PR in poi DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub . Se questo componente è installato, il banner di benvenuto principale non verrà visualizzato.
Ciao ragazzi. Ho aggiunto questo componente al mio sito. Mostra il testo del titolo, ma non mostra la vera barra di ricerca. Qualcuno ha idea se altri stanno riscontrando questo problema?
Stai utilizzando uno schermo stretto o un dispositivo mobile? Sembra che attualmente ci sia un problema con la barra di ricerca che non appare in questi casi
Sto guardando la mia pagina della community sul mio iPhone (in un browser Chrome).
Mmm. C’è qualcuno che pensi possiamo avvisare o la persona che l’ha costruita ne è già a conoscenza? (Sono nuovo a Discourse e sto imparando).
Sì, sono io la persona! Ho appena aggiunto una correzione — se aggiorni il componente del tema, ora dovrebbe apparire la casella di ricerca.
Questo componente non viene visualizzato nel tema Mint. Ma ho provato e può essere visualizzato in altri temi.
Ciao a tutti! questa settimana unirò una modifica che potrebbe influire sugli stili personalizzati che avete aggiunto a questo componente tematico.
Poiché questo banner di ricerca può apparire su più pagine, un H1 per il titolo non è l’ideale; un H1 dovrebbe aiutare a distinguere il contenuto di una pagina da un’altra. Quindi la modifica sostituisce l’H1 con un DIV con la classe custom-search-banner-headline.
Quindi, se avete applicato stili all’H1 in un tema, dovrete cambiare H1 in .custom-search-banner-headline. In alcuni temi ho aggiunto la classe oltre all’H1 per rendere la transizione fluida, ad esempio:
Sembra esserci un bug con l’ultima versione.
Esecuzione di discourse 3.5.0.beta8-dev (679d51a985)
Ciò che sta accadendo è che quando viene aperto un nuovo argomento (browser Chrome su Windows 10), la riga superiore dovrebbe avere la barra di ricerca ma è mancante. Se disabilito il componente del tema, appare la barra di ricerca predefinita di discourse, ma se il componente è abilitato, la barra di ricerca superiore è mancante E anche l’icona di ricerca in alto a destra è mancante. Se scorro verso il basso di una riga, l’icona di ricerca appare in alto a destra, ma la barra di ricerca non appare mai sulla riga superiore di un argomento.
Configurato per Showon top_menu e Plugin outlet su above_main_container. Sono abbastanza sicuro che in precedenza apparisse nella riga superiore anche per gli argomenti.
Il problema è che finché l’utente non scorre, non c’è modo di cercare poiché sia l’icona di ricerca che la barra di ricerca sono mancanti. Se disabilito il tema, la barra di ricerca e l’icona predefinite appaiono correttamente, ovvero quando la pagina viene caricata, la barra di ricerca appare e quando l’utente scorre verso il basso di una riga, la barra di ricerca scompare e invece appare l’icona di ricerca.
