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

UX: Support `type=search` inputs in inline forms (#15790)

This commit is contained in:
Penar Musaraj 2022-02-03 13:50:24 +01:00 committed by GitHub
parent 68f5c36000
commit 3b75120b3d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/foundation/base.scss
View File

@ -167,13 +167,15 @@ input[type="submit"] {
display: flex; display: flex;
} }
> input[type="text"] { > input[type="text"],
> input[type="search"] {
display: inline-flex; display: inline-flex;
flex: 1; flex: 1;
} }
> .select-kit, > .select-kit,
> input[type="text"], > input[type="text"],
> input[type="search"],
> label, > label,
> .btn, > .btn,
> .d-date-input { > .d-date-input {

6
plugins/styleguide/assets/javascripts/discourse/templates/styleguide/atoms/05-input-fields.hbs
View File

@ -62,6 +62,12 @@
</div> </div>
{{/styleguide-example}} {{/styleguide-example}}
{{#styleguide-example title="full-width inline-form with search type input"}}
<div class="inline-form full-width">
{{input placeholder="Search type input" type="search"}}
</div>
{{/styleguide-example}}
{{#styleguide-example title="category-notifications-button and regular button"}} {{#styleguide-example title="category-notifications-button and regular button"}}
<div class="inline-form"> <div class="inline-form">
{{category-notifications-button category=dummy.categories.[0] value=1 onChange=(action "dummy")}} {{category-notifications-button category=dummy.categories.[0] value=1 onChange=(action "dummy")}}