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

A11Y: improve markup of 404 page search form (#26322)

This commit is contained in:
Kris 2024-03-22 11:09:53 -04:00 committed by GitHub
parent 113b4246e6
commit 2f307b8f54
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/common/base/not-found.scss
View File

@ -53,3 +53,11 @@
flex-basis: 100%;
}
}
.page-not-found-search {
label {
color: var(--primary);
font-size: var(--font-up-3);
margin-bottom: 0.5em;
}
}

12
app/views/exceptions/not_found.html.erb
View File

@ -21,13 +21,11 @@
<%- unless @hide_search%>
<div class="row">
<div class="page-not-found-search">
<h2><%= t 'page_not_found.search_title' %></h2>
<p>
<form action='<%= path "/search" %>' id='discourse-search'>
<input type="text" name="q" value="<%= @slug %>">
<button class="btn btn-primary"><%= t 'page_not_found.search_button' %></button>
</form>
</p>
<form action='<%= path "/search" %>' id='discourse-search'>
<label for="search-input"><%= t 'page_not_found.search_title' %></label>
<input type="text" id="search-input" name="q" value="<%= @slug %>">
<button class="btn btn-primary"><%= t 'page_not_found.search_button' %></button>
</form>
</div>
</div>