Search Banner

theme-component
17

This theme component shows users in search (mobile view) but why doesn’t the normal search bar shows users in mobile search?

1 Like
18

Brilliant theme @awesomerobot! Thanks a million.

3 Likes
21

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.

image
image1097×330 27.7 KB

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
22

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
23

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
24

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

3 Likes
25

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
32

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

Screenshot_2021-01-04_20-38-47
Screenshot_2021-01-04_20-38-471192×523 119 KB

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

4 Likes
34

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
35

How would discourse search autocomplete work with this?

1 Like
43

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

image
image2536×1084 376 KB

Maybe change to other style in code pen:
example:

1 Like
44

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
50

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
51

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

1 Like
52

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
69

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

image
image1644×492 42.8 KB

1 Like
70

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
74

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
75

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
76

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