sundog
/
ffmpeg-explorer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hover state for filter picker

This commit is contained in:
Sam Lavigne 2023-08-29 16:48:27 -04:00
parent 519ebf67cb
commit 67d3899a36
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/FilterPicker.svelte
View File

@ -27,7 +27,7 @@
} }
function add(f) { function add(f) {
addNode(f, "filter"); addNode(f, "filter");
} }
function update() { function update() {
@ -49,7 +49,12 @@
<div class="holder"> <div class="holder">
<div class="search"> <div class="search">
<input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button on:click={() => {reset(); update();}}>X</button> <input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button
on:click={() => {
reset();
update();
}}>X</button
>
<select on:change={reset} bind:value={select}> <select on:change={reset} bind:value={select}>
<option value="video">Video Filters</option> <option value="video">Video Filters</option>
<option value="audio">Audio Filters</option> <option value="audio">Audio Filters</option>
@ -78,13 +83,13 @@
justify-content: stretch; justify-content: stretch;
} }
input { input {
width: 100%; width: 100%;
flex: 1; flex: 1;
} }
button { button {
margin-left: 1px; margin-left: 1px;
margin-right: 10px; margin-right: 10px;
} }
.type { .type {
color: #999; color: #999;
font-size: 0.8em; font-size: 0.8em;
@ -95,6 +100,11 @@
padding: 10px 0px; padding: 10px 0px;
cursor: pointer; cursor: pointer;
} }
.filter:hover {
background-color: var(--b2);
}
.all-filters { .all-filters {
flex: 1; flex: 1;
overflow: scroll; overflow: scroll;