Search Banner

There seems to be an issue with the Who’s Online plugin and the official Search banner theme component .

That is, the user card is being displayed in an irregular fashion when this plugin is enabled with that theme-component.

After disabling the theme-component, it’s aligned the right way.
Can you please check if there’s something that you could do on this?
(Something like a fix to always display the user-card below the clicked location, instead of automatically choosing an alignment?)

I don’t think this is a theme-specific issue. I tried with all themes including the default one and the issue persists.

3 Likes

This means it is a problem with the theme component, not the plugin. I’ve made a change to the component that should fix it (also moved your post to the component topic).

https://github.com/awesomerobot/discourse-search-banner/commit/309cf0ee299625a835c99338b7dae7093f058032

6 Likes

Thanks a lot, works good now :slight_smile:

Yeah I got that. Just thought if the issue could be fixed from the plugin by setting something like always displaying the user-card only beside the user-icon. (And also thought if this theme-component was no longer being updated since the last commit was almost 1 year ago :wink: )

3 Likes

hi, after the recent update, the search banner won’t show up if the Topic list sidebar navigation theme is also active.

3 Likes

oh I see, I wasn’t accommodating the plugin outlet in the layout… if you update the component this should fix it:

https://github.com/awesomerobot/discourse-sidebar-nav/commit/ca776fc382a285188962cfbd9fab4c1106ecf6da

6 Likes

this theme doesn’t work properly with Topic list sidebar navigation.

the same way as in Homepage Feature Component - #70 by Pad_Pors.

4 Likes

How to add a link in the subhead banner:

search_banner.subhead

Before Posting please search ..., New User's read [FAQ](https://instance.discourse.org/t/faq/10235).

Is that posible???..

Regards.,

1 Like

How would discourse search autocomplete work with this?

1 Like

Hello,
How can i add this background search same page Whois Domain Tool:


Maybe change to other style in code pen:
example:

1 Like

You’ll first need to add some custom css to your site. The target should be: custom-search-banner. I would first start with that, and mess with the background css property and experiment with that.

:+1:

3 Likes

Hey @awesomerobot

Just noticed that the .results class background is not using the new color variables yet. Hence on dark color scheme the search results background is still #ffffff.

Can you add the new variables in the next update?

Meanwhile if anyone else is having same issue, here is my temporary fix:

/* temp fix bg search banner */
.custom-search-banner-wrap .results {
    background: var(--secondary)!important;
    border: 1px solid var(--primary-low);
}
5 Likes

Yes, thanks for mentioning it — the theme is now updated with the correct variables.

1 Like

how could i make the text use my primary color instead of my secondary color? i was looking through the common.scss file but i couldn’t find anything relating to the text/text color. (i’m talking about the text that you can choose, not sure what it’s called)

update:

html .custom-search-banner-wrap h1 {
    color: var(--primary) !important;
}

html .custom-search-banner-wrap p {
    color: var(--primary) !important;
}

achieves this, instead of using the secondary color for the text it uses your primary color.

1 Like

Would you please tell me, is it possible to add into “search_banner.subhead” field hyperlink?

1 Like

No, I don’t think a URL will work there. I can add it at some point in the future, but in the meantime if someone wants to make a PR that makes it possible I can review it.

1 Like

I like it and it comes with air theme… but there is a problem with the “welcome” header and “sub” text is white text on white background. Because Air Theme does not have css, I cannot change the colour.

1 Like

I don’t think the fix is working anymore. I’m currently testing this #theme-component on a sample instance of Discourse, but it’s not playing well with the “Who’s Online” #plugin:worried:

1 Like

The component is really great. I want to change the search icon, but I can’t find it. Can anyone help me?

This has requested earler too, but… is it awful job to change Logged_in to TLs?

The main idea is that TL0/TL1 may need some extra caring, but higher ones knows how to use a forum, including searches. And for them it is kind of just unnecessary object eating preciuos space.

Well — this is absolutely not a big thing or a deal breaker, but more or less just nice to have.

1 Like

I’ve added HTML support to the headline/subhead

5 Likes