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?

Search Banner

Summary Search Banner puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation. Preview Preview it on theme-creator.discourse.org Repository Link https://github.com/discourse/discourse-search-banner New to Discourse Themes? Beginner’s guide to using Discourse Themes Install this theme component Features By default, this banner appears on all top-level topic pa…

[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)]

لقد قدمت هذا الطلب: FIX: deprecations for ember-cli by pfaffman · Pull Request #4 · paviliondev/discourse-header-search-theme · GitHub

آمل أن يكون بمثابة أكثر من مجرد إشعار بوجود هذا الإهمال.

[RGJ (Richard - Communiteq)]

@jrgong

في معاينة السمة، يبدو أن هناك بعض مشكلات التخطيط

لقد قمت بـ PR الذي يصلح مشكلات التخطيط.

[Decorbuz]

ما هي الاختلافات بين #مكون-القالب هذا والمكون المرتبط أدناه؟

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]

مرحباً، لسبب ما، لم أنجح في نقل شريط البحث أسفل الرأس الخاص بي. هل هناك أي اقتراحات؟ لقد كنت أحاول وضعه داخل فئة div التي أنشأتها في قسم HTML بعد الرأس

شكرا،

يعقوب

[bquast (Bastiaan Quast)]

مرحباً،

شكراً لك على المكون الرائع.

كيف يمكنني تغيير لون مربع البحث؟

أود أن أجعله أبيض.

شكراً لك

[angus (Angus McLeod)]

يسعدني دائمًا أن أجد أن هذه المكونات لا تزال تعمل بشكل أساسي لقد أجريت بعض التحديثات لجعلها أكثر توافقًا مع أحدث إصدارات Discourse.

@bquast

كيف يمكنني تغيير لون مربع البحث؟

لست متأكدًا مما إذا كنت تستخدم هذه المكونات، ولكن إذا كنت تستخدمها، فأضف هذا إلى CSS الخاص بالمظهر الخاص بك

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