Add search-bar Go button.

This commit is contained in:
Robert Krátký 2024-01-10 16:16:05 +01:00
parent f2504fe859
commit b2552a3d96
2 changed files with 23 additions and 0 deletions

View File

@ -193,3 +193,19 @@ details summary {
.highlight button.copybtn { .highlight button.copybtn {
opacity: 0; opacity: 0;
} }
/* Mimicking the 'Give feedback' button for UX consistency */
.sidebar-search-container input[type=submit] {
color: #FFFFFF;
border: 2px solid #D6410D;
padding: var(--sidebar-search-input-spacing-vertical) var(--sidebar-search-input-spacing-horizontal);
background: #D6410D;
font-weight: bold;
font-size: var(--font-size--small);
cursor: pointer;
}
.sidebar-search-container input[type=submit]:hover {
text-decoration: underline;
}

View File

@ -0,0 +1,7 @@
<form class="sidebar-search-container" method="get" action="{{ pathto('search') }}" role="search">
<input class="sidebar-search" placeholder="{{ _("Search") }}" name="q" aria-label="{{ _("Search" ) }}">
<input type="submit" value="Go">
<input type="hidden" name="check_keywords" value="yes">
<input type="hidden" name="area" value="default">
</form>
<div id="searchbox"></div>