Fix: searchbox is wrapping under the separation line on few screen sizes · python/python-docs-theme@214e06a · GitHub

1. python
2. python-docs-theme

Repository navigation

• Code
• Issues10 (10)
• Pull requests3 (3)
• Actions
• Projects
• Security and quality
• Insights

Commit 214e06a

Browse filesBrowse the repository at this point in the historyBrowse files

tapaswenipathak

committed

Fix: searchbox is wrapping under the separation line on few screen sizes

Fixes #7.

1 parent b862f11 commit 214e06a
Copy full SHA for 214e06a

2 files changed

+16-6Lines changed: 16 additions & 6 deletions

File tree

Expand file treeCollapse file tree

Open diff view settings

Filter options

• python_docs_theme
  • layout.html
  • static
    • pydoctheme.css

Expand file treeCollapse file tree

Open diff view settings

Collapse file

‎python_docs_theme/layout.html‎

Copy file name to clipboardExpand all lines: python_docs_theme/layout.html

+8-6Lines changed: 8 additions & 6 deletions

Original file line number	Diff line number	Diff line change
@@ -13,13 +13,15 @@
13	13	{# modified from sphinx/themes/basic/searchbox.html #}
14	14	{%- if builder != "htmlhelp" %}
15	15	<div class="inline-search" style="display: none" role="search">
16		- <form class="inline-search" action="{{ pathto('search') }}" method="get">
17		- <input placeholder="{{ _('Quick search') }}" type="text" name="q" />
18		- <input type="submit" value="{{ _('Go') }}" />
19		- <input type="hidden" name="check_keywords" value="yes" />
20		- <input type="hidden" name="area" value="default" />
	16	+ <div class="flex-container">
	17	+ <form class="inline-search" action="{{ pathto('search') }}" method="get">
	18	+ <input placeholder="{{ _('Quick search') }}" type="text" name="q" />
	19	+ <input type="submit" value="{{ _('Go') }}" />
	20	+ <input type="hidden" name="check_keywords" value="yes" />
	21	+ <input type="hidden" name="area" value="default" />
21	22	</form>
22		- </div>
	23	+ </div>
	24	+ </div>
23	25	<script type="text/javascript">$('.inline-search').show(0);</script>
24	26	{%- endif %}
25	27	{%- endmacro %}

Collapse file

‎python_docs_theme/static/pydoctheme.css‎

Copy file name to clipboardExpand all lines: python_docs_theme/static/pydoctheme.css

+8Lines changed: 8 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -22,6 +22,14 @@ div.related:first-child {
22	22	border-bottom: 1px solid #ccc;
23	23	}
24	24
	25	+ .flex.container {
	26	+ display: flex;
	27	+ }
	28	+
	29	+ .fill-width {
	30	+ flex: 1;
	31	+ }
	32	+
25	33	.inline-search {
26	34	display: inline;
27	35	}

0 commit comments

Comments

0 (0)