Use Select component
After merging develop, the dropdown didn't format properly any more because selects have been made into a component. Here I turn the select into a component as well.
This commit is contained in:
parent
c9e4b6e7a1
commit
1d42d05c1f
|
@ -1,3 +1,4 @@
|
|||
import Select from '../select/select.vue'
|
||||
import StatusContent from '../status_content/status_content.vue'
|
||||
import Timeago from '../timeago/timeago.vue'
|
||||
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
||||
|
@ -7,6 +8,7 @@ const Report = {
|
|||
'reportId'
|
||||
],
|
||||
components: {
|
||||
Select,
|
||||
StatusContent,
|
||||
Timeago
|
||||
},
|
||||
|
|
|
@ -14,12 +14,8 @@
|
|||
</div>
|
||||
<div class="report-state">
|
||||
<span>{{ $t('report.state') }}</span>
|
||||
<label
|
||||
for="report-state"
|
||||
class="select"
|
||||
>
|
||||
<select
|
||||
id="report-state"
|
||||
<Select
|
||||
:id="report-state"
|
||||
v-model="state"
|
||||
class="form-control"
|
||||
>
|
||||
|
@ -30,12 +26,7 @@
|
|||
>
|
||||
{{ $t('report.state_' + state) }}
|
||||
</option>
|
||||
</select>
|
||||
<FAIcon
|
||||
class="select-down-icon"
|
||||
icon="chevron-down"
|
||||
/>
|
||||
</label>
|
||||
</Select>
|
||||
</div>
|
||||
<!-- eslint-disable vue/no-v-html -->
|
||||
<div
|
||||
|
|
Loading…
Reference in New Issue