6acd2658cc
The paragraph below the welcome headline was left-aligned, causing a visual inconsistency with the rest of the centered content. This change applies `text-align: center` to the paragraph to fix the layout. |
||
|---|---|---|
| .github/workflows | ||
| common | ||
| javascripts/discourse | ||
| locales | ||
| mobile | ||
| spec/system | ||
| stylesheets | ||
| test/acceptance | ||
| .discourse-compatibility | ||
| .gitignore | ||
| .npmrc | ||
| .prettierrc.cjs | ||
| .rubocop.yml | ||
| .streerc | ||
| .template-lintrc.cjs | ||
| Gemfile | ||
| Gemfile.lock | ||
| LICENSE | ||
| README.md | ||
| about.json | ||
| eslint.config.mjs | ||
| package.json | ||
| pnpm-lock.yaml | ||
| settings.yml | ||
| stylelint.config.mjs | ||
| translator.yml | ||
README.md
This is a component that puts a search bar along with optional headline and subhead text in a banner above the main topic list navigation of a Discourse community.
By default this banner appears on all top-level topic pages (latest/new/unread/top/categories... anything in the top menu site setting) but it can also be set to only display on a community's homepage.
🏗️ Github repo: https://github.com/discourse/discourse-search-banner
❓ How do I install a theme component?
💖 This very heavily borrows from angus' header search component: https://meta.discourse.org/t/header-search-theme/67959
Available settings
- Set the headline and subhead text
- Show the banner on all top-level topic pages (default), or just the homepage
- Set a background image
Custom styling
The HTML element gets a class named .display-search-banner wherever this banner appears, and the banner itself is wrapped with the .custom-search-banner class, so with some CSS you should be able to customize the appearance of this banner however you see fit.
Future enhancements
- Add an option to enable the banner in specific categories