Skip to content
Prev Previous commit
Next Next commit
Add inline search input
Signed-off-by: Julius Härtl <[email protected]>
  • Loading branch information
juliusknorr committed Apr 13, 2021
commit 0f10e1f0e13349eba3cc8f48db280a12d6cdbaf7
14 changes: 14 additions & 0 deletions src/components/Controls.vue
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,12 @@
</p>
</div>
<div v-if="board" class="board-actions">
<div v-if="searchQuery || true" class="deck-search">
<input type="search"
class="icon-search"
:value="searchQuery"
@input="$store.commit('setSearchQuery', $event.target.value)">
</div>
<div v-if="canManage && !showArchived && !board.archived"
id="stack-add"
v-click-outside="hideAddStack">
Expand Down Expand Up @@ -237,6 +243,7 @@ export default {
]),
...mapState({
compactMode: state => state.compactMode,
searchQuery: state => state.searchQuery,
}),
detailsRoute() {
return {
Expand Down Expand Up @@ -374,6 +381,13 @@ export default {
}
}

.deck-search {
input[type=search] {
background-position: 5px;
padding-left: 24px;
}
}

.filter--item {
input + label {
display: block;
Expand Down