search box moved to top left ToC area

This commit is contained in:
Donovan
2023-05-16 00:16:41 +05:00
committed by Alan de Freitas
parent 70bf732432
commit 09daa5bb9c
3 changed files with 35 additions and 11 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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}}"> &nbsp; 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>