rust/lootalot
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

improves suggestion box display

Browse Source
This commit is contained in:
Arthur Gerbaud
2019-06-15 21:09:42 +02:00
parent b345faa517
commit fddb5409b4
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
lootalot_front/src/components/ItemInput.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="container"> <div class="container is-paddingless">
<div class="field has-addons"> <div class="field has-addons">
<div class="control is-expanded" <div class="control is-expanded"
:class="{'is-loading': is_loading }"> :class="{'is-loading': is_loading }">
@@ -19,13 +19,18 @@
>+</button> >+</button>
</div> </div>
</div> </div>
<ul class="box" v-show="auto_open"> <div class="dropdown" :class="{'is-active': auto_open}">
<li v-for="(result,i) in results" :key="i" <div class="dropdown-menu">
<div class="dropdown-content">
<a v-for="(result,i) in results" :key="i"
@click="setResult(result.name)" @click="setResult(result.name)"
class="dropdown-item"
> >
{{ result.name }} {{ result.name }}
</li> </a>
</ul> </div>
</div>
</div>
</div> </div>
</template> </template>
@@ -81,3 +86,8 @@
}, },
} }
</script> </script>
<style scoped>
.dropdown, .dropdown-menu { min-width: 100%; margin-top: 0; padding-top: 0;}
.dropdown { top: -0.75rem; }
</style>