Added a search bar to the header of the documentation layout template.

This commit is contained in:
OrfeasZ 2017-02-18 19:36:29 +02:00
parent bf7ddd7bde
commit 6943304a80
4 changed files with 37 additions and 1 deletions

View File

@ -0,0 +1,14 @@
{%- extends "haiku/layout.html" %}
{% block haikuheader %}
<div class="header-left">
{{ super() }}
</div>
<div class="header-right">
<h3>Search the Documentation</h3>
<form action="search.html" method="get">
<input type="text" name="q" value="">
<input type="submit" value="search">
</form>
</div>
{% endblock %}

View File

@ -0,0 +1,18 @@
@import url('haiku.css');
.header-left {
float: left;
display: inline-block;
vertical-align: top;
}
.header-right {
float: right;
display: inline-block;
vertical-align: top;
}
.header-right h3 {
margin: 0;
padding-top: 15px;
}

View File

@ -0,0 +1,4 @@
[theme]
inherit = haiku
stylesheet = sol2.css
pygments_style = autumn

View File

@ -115,7 +115,7 @@ todo_include_todos = True
# The theme to use for HTML and HTML Help pages. See the documentation for # The theme to use for HTML and HTML Help pages. See the documentation for
# a list of builtin themes. # a list of builtin themes.
html_theme = "haiku" html_theme = "sol2"
# Theme options are theme-specific and customize the look and feel of a theme # Theme options are theme-specific and customize the look and feel of a theme
# further. For a list of options available for each theme, see the # further. For a list of options available for each theme, see the