Pavilion Header Search Theme Component

[Chaboi_3000]

Same here. I can repro this on theme creator and discourse development.

[Stranik (Evgeny)]

@angus perhaps the component needs to be improved? In light of recent changes:

https://github.com/discourse/discourse/commit/58fe45ffd95dc89bf008eeef28509a4fbc72263b

There is some strange behavior in the drop-down menu.

[nexo]

Broken.

[angus (Angus McLeod)]

Thanks @Stranik and @nexo. I’ve added support for the new event added by https://github.com/discourse/discourse/commit/58fe45ffd95dc89bf008eeef28509a4fbc72263b.

https://github.com/angusmcleod/discourse-header-search-theme/commit/94276e5bef25255496529e1287105bf11353d0d5

The theme will continue to work with older Discourse versions as well.

[nexo]

User and tags go off of the search modal. Could you check if this happens to your instance?

[Chaboi_3000]

It’s probably something wrong with your other themes. Long usernames are cut off with “…” when only using this component.

[bts (Brendan Schlagel)]

Testing this theme component now and I see that once a search is executed the top of the results are getting cut off, whole element is getting shifted up or something. Anyone else seeing this?

It seems to happen even when I switch to a default theme…but @angus I don’t see this active in your sandbox at the moment so not 100% sure if it’s a bug or something weird with my setup.

[Andy02 (Andy)]

We don’t have space for a search bar on mobile. Has anyone ever seen a search bar integrated into the forum itself, rather than the header? I guess it could also be a footer search bar

[Johani (Joe)]

@Andy02

Has anyone ever seen a search bar integrated into the forum itself, rather than the header?

Have you looked at this component?

Advanced Search Banner

Note We are planning to deprecate support for this theme component soon and advise you to use the welcome banner feature instead. Summary Advanced Search Banner puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-search-banner New to Discourse Themes…

[Andy02 (Andy)]

thats exactly what i’m looking for. thank you @Johani.

We’ll modify it to work on tag-pages, which is the same for pretty much every plugin right now.

[awesomerobot (Kris)]

I noticed this issue too, made a PR with some updates

https://github.com/angusmcleod/discourse-header-search-theme/pull/3

[angus (Angus McLeod)]

Thanks! Merged

[nexo]

A nice setting would be to place it exactly in the center of the header

[jrgong]

Hey @angus

are there any plans to update the theme component? In theme preview it seems to have some layout issues
I think it’s a great feature that animates user more to use search function more frequently.

[pfaffman (Jay Pfaffman)]

Ho inviato questa PR: FIX: deprecations for ember-cli by pfaffman · Pull Request #4 · paviliondev/discourse-header-search-theme · GitHub

Spero che servirà più che altro come avviso che questa deprecazione esiste.

[RGJ (Richard - Communiteq)]

@jrgong

Nell’anteprima del tema sembrano esserci alcuni problemi di layout

Ho creato una PR che risolve i problemi di layout.

[Decorbuz]

Quali sono le differenze tra questo Theme component e quello collegato qui sotto?

Advanced Header Search

Summary Advanced Header Search removes the search icon from the header menu and creates a search bar that is placed in the middle of the header area. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-header-search New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component :grey_exclamation:Note This theme component is only requ…

[jacob_kahn]

Ciao, per qualche motivo non riesco a spostare la barra di ricerca sotto l’intestazione. Hai qualche suggerimento? Ho provato a nidificarla all’interno di una classe div che ho creato nell’HTML dopo l’intestazione.

Grazie,

Jacob

[bquast (Bastiaan Quast)]

Ciao,

Grazie per l’ottimo componente.

Come posso cambiare il colore della casella di ricerca?

Vorrei renderla bianca.

Grazie

[angus (Angus McLeod)]

Sono sempre piacevolmente sorpreso di scoprire che questo componente funziona ancora praticamente Ho apportato alcuni aggiornamenti per renderlo più aggiornato con l’ultima versione di Discourse.

@bquast

Come posso cambiare il colore della casella di ricerca?

Non sono sicuro che tu stia usando questo componente, ma se lo stai facendo, aggiungi questo al CSS del tuo tema

title .search-header #search-term {
  background-color: pink;
}