glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Make searchbox size adjust to length

Browse Source
This commit is contained in:
glax 2024-10-19 20:50:14 +02:00
parent 6b08123ee5
commit 68887d65a7
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
Website/modules/Search.tsx
View File

@ -36,6 +36,7 @@ export default function Search({onJobsChanged} : {onJobsChanged: EventHandler<an
} }
const searchBoxValueChanged : ChangeEventHandler<HTMLInputElement> = (event) => { const searchBoxValueChanged : ChangeEventHandler<HTMLInputElement> = (event) => {
event.currentTarget.style.width = event.target.value.length + "ch";
if(mangaConnectors === undefined) if(mangaConnectors === undefined)
return; return;
var str : string = event.target.value; var str : string = event.target.value;

3
Website/styles/search.css
View File

@ -24,7 +24,8 @@
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-left-width: 2px !important; border-left-width: 2px !important;
width: 300px; min-width: 300px;
max-width: 50vw;
} }
#Searchbox-connector { #Searchbox-connector {