peter/wiki
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve design of search
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Peter Stuifzand 2020-11-01 18:44:50 +01:00
parent 120989b73c
commit ea5f0dbe26
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
editor/src/styles.scss
View File

@ -250,7 +250,6 @@ mark {
}
#autocomplete {
z-index: 1;
right: 0;
width: 640px;
overflow-x: hidden;
overflow-y: auto;
@ -441,3 +440,16 @@ input.input-line, input.input-line:active {
overflow: hidden;
display: block;
}
.searchbar {
position: relative;
display: flex;
justify-content: center;
.field > .control {
width: 100%;
}
.search.input {
width: 400px;
}
}

17
templates/layout.html
View File

@ -40,17 +40,12 @@
</div>
</nav>
<div class="level">
<div class="level-left"></div>
<div class="level-right">
<div class="level-item">
<div class="field">
<p class="control">
<input class="search input" id="search-input" type="text" placeholder="Find a page">
</p>
<div id="autocomplete" class="hide keyboard-list" tabindex="0"></div>
</div>
</div>
<div class="searchbar">
<div class="field">
<p class="control">
<input class="search input" id="search-input" type="text" placeholder="Find a page">
</p>
<div id="autocomplete" class="hide keyboard-list" tabindex="0"></div>
</div>
</div>