discourse
/
discourse-search-banner
mirror of https://github.com/discourse/discourse-search-banner.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: banner headline should not be an H1

This commit is contained in:
awesomerobot 2025-06-27 17:24:09 -04:00
parent 68629b43f3
commit 43edf5dec1
3 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
common/common.scss
View File

@ -60,7 +60,11 @@
} }
} }
h1 { .custom-search-banner-headline {
font-family: var(--heading-font-family);
font-size: var(--font-up-5);
font-weight: bold;
margin-bottom: 0.5rem;
text-align: center; text-align: center;
} }

4
javascripts/discourse/components/search-banner.gjs
View File

@ -88,7 +88,9 @@ export default class SearchBanner extends Component {
{{willDestroy this.willDestroy}} {{willDestroy this.willDestroy}}
> >
<div class="wrap custom-search-banner-wrap welcome-banner__wrap"> <div class="wrap custom-search-banner-wrap welcome-banner__wrap">
<h1>{{htmlSafe (i18n (themePrefix "search_banner.headline"))}}</h1> <div class="custom-search-banner-headline">
{{htmlSafe (i18n (themePrefix "search_banner.headline"))}}
</div>
<PluginOutlet @name="search-banner-below-headline" /> <PluginOutlet @name="search-banner-below-headline" />
<p>{{htmlSafe (i18n (themePrefix "search_banner.subhead"))}}</p> <p>{{htmlSafe (i18n (themePrefix "search_banner.subhead"))}}</p>
<div class="search-menu welcome-banner__search-menu"> <div class="search-menu welcome-banner__search-menu">

2
stylesheets/special-styles.scss
View File

@ -36,7 +36,7 @@
width: auto; width: auto;
} }
> h1, > .custom-search-banner-headline,
> p { > p {
display: none; display: none;
} }