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;
}

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

@ -88,7 +88,9 @@ export default class SearchBanner extends Component {
{{willDestroy this.willDestroy}}
>
<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" />
<p>{{htmlSafe (i18n (themePrefix "search_banner.subhead"))}}</p>
<div class="search-menu welcome-banner__search-menu">

2
stylesheets/special-styles.scss
View File

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