mirror of
https://github.com/boostorg/website-v2-docs.git
synced 2026-01-19 04:42:17 +00:00
search box moved to top left ToC area
This commit is contained in:
@@ -7,5 +7,26 @@
|
||||
{{> header}}
|
||||
{{> body}}
|
||||
{{> footer}}
|
||||
<script>
|
||||
var element = document.querySelector('.search-result-dropdown-menu');
|
||||
if (element) {
|
||||
element.style.position = 'absolute';
|
||||
element.style.zIndex = '100';
|
||||
element.style.display = 'block';
|
||||
element.style.right = '0';
|
||||
element.style.left = 'inherit';
|
||||
element.style.top = '100%';
|
||||
element.style.borderRadius = '4px';
|
||||
element.style.margin = '6px 0 0';
|
||||
element.style.padding = '0';
|
||||
element.style.textAlign = 'left';
|
||||
element.style.height = 'auto';
|
||||
element.style.background = 'transparent';
|
||||
element.style.border = 'none';
|
||||
element.style.maxWidth = '600px';
|
||||
element.style.minWidth = '50px';
|
||||
element.style.boxShadow = '0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1)';
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -2,17 +2,6 @@
|
||||
<nav class="navbar">
|
||||
<div class="navbar-brand">
|
||||
<a class="navbar-item" href="{{{or site.url siteRootPath}}}/doc/{{{page.component.name}}}/"><img src="{{{uiRootPath}}}/img/Boost_Brandmark_WhiteBoost_Transparent.svg" alt="" width="130"></a>
|
||||
{{#if env.SITE_SEARCH_PROVIDER}}
|
||||
<div class="navbar-item search hide-for-print">
|
||||
<div id="search-field" class="field has-filter">
|
||||
<input id="search-input" type="text" placeholder="Search the docs" {{#if page.home}} autofocus{{/if}}>
|
||||
<label class="filter checkbox">
|
||||
<input type="checkbox" data-facet-filter="component:{{page.component.name}}"> Only in
|
||||
{{page.component.name}}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
<button class="navbar-burger" data-target="topbar-nav">
|
||||
<span></span>
|
||||
<span></span>
|
||||
|
||||
@@ -1,5 +1,19 @@
|
||||
{{#with page.navigation}}
|
||||
<div class="nav-panel-menu is-active" data-panel="menu">
|
||||
<div class="navbar-item search hide-for-print">
|
||||
<div id="search-field" class="field has-filter">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div style="display: flex; margin-bottom: 10px;">
|
||||
<input id="search-input" type="text" placeholder="Search the docs" {{#if @root.page.home}} autofocus{{/if}} style="flex: 1;">
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<label class="filter checkbox" style="background: none; border: none; margin-right: 10px;">
|
||||
<input type="checkbox" data-facet-filter="component:{{@root.page.component.name}}"> Only in {{@root.page.component.name}}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="nav-menu">
|
||||
{{#with @root.page.componentVersion}}
|
||||
<h3 class="title"><a href="{{{relativize ./url}}}">{{./title}}</a></h3>
|
||||
|
||||
Reference in New Issue
Block a user