augusto
/
inflectived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix other android issues

This commit is contained in:
Augusto Gunsch 2022-07-23 14:25:06 +02:00
parent 27c1951a3b
commit 90dd20b53f
3 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/index.css
View File

@ -8,25 +8,25 @@
background-color: white;
}
#search-form {
z-index: 10;
#header {
z-index: 15;
background-color: #56517c;
padding: .4em;
height: 3em;
display: flex;
height: 3em;
}
#search {
width: 3em;
#search-form {
flex-basis: 100%;
}
#search-widget {
flex-basis: 100%;
height: 100%;
}
#search-bar {
width: 100%;
height: 100%;
border: 1px solid lightgray;
padding: .3em;
}

16
static/index.html
View File

@ -15,15 +15,15 @@
</head>
<body>
<div class="containter" id="main">
<form class="sticky-top" id="search-form">
<div class="ui-widget" id="search-widget">
<input id="search-bar" placeholder="Search..." type="text" autocorrect="off" autocapitalize="none" autofocus>
<div id="header">
<form class="sticky-top" id="search-form">
<div class="ui-widget" id="search-widget">
<input id="search-bar" placeholder="Search..." type="text" autocorrect="off" autocapitalize="none" autofocus>
</div>
<input type="submit" style="display: none" />
</div>
<select id="langs">
</select>
<!--<button id="menu"></button>-->
</form>
</form>
<select id="langs"></select>
</div>
<div class="container" id="ajax-content">
</div>
</div>

6
static/index.js
View File

@ -58,7 +58,7 @@ $(document).ready(() => {
appendTo: '#search-form',
source: (request, response) => {
$.ajax({
url: `/langs/${selectedLang.code}/words?like=${request.term}&limit=20&offset=0`,
url: `/langs/${selectedLang.code}/words?like=${request.term.trim()}&limit=20&offset=0`,
success: data => response(data)
})
},
@ -81,7 +81,8 @@ $(document).ready(() => {
const word = window.location.hash.replace('#', '');
if (word) {
document.title = `Inflective - ${decodeURIComponent(word)}`;
const decodedWord = decodeURIComponent(word);
document.title = `Inflective - ${decodedWord}`;
$.ajax({
url: `/langs/${selectedLang.code}/words/${word}`,
@ -94,6 +95,7 @@ $(document).ready(() => {
})
window.scrollTo(0, 0);
searchBar.val(decodedWord);
searchBar.select();
searchBar.autocomplete('close');
// Sometimes autocomplete opens after close was called