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 StatusContent from '../status_content/status_content.vue'
|
||||||
import Timeago from '../timeago/timeago.vue'
|
import Timeago from '../timeago/timeago.vue'
|
||||||
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
||||||
@ -7,6 +8,7 @@ const Report = {
|
|||||||
'reportId'
|
'reportId'
|
||||||
],
|
],
|
||||||
components: {
|
components: {
|
||||||
|
Select,
|
||||||
StatusContent,
|
StatusContent,
|
||||||
Timeago
|
Timeago
|
||||||
},
|
},
|
||||||
|
@ -14,12 +14,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="report-state">
|
<div class="report-state">
|
||||||
<span>{{ $t('report.state') }}</span>
|
<span>{{ $t('report.state') }}</span>
|
||||||
<label
|
<Select
|
||||||
for="report-state"
|
:id="report-state"
|
||||||
class="select"
|
|
||||||
>
|
|
||||||
<select
|
|
||||||
id="report-state"
|
|
||||||
v-model="state"
|
v-model="state"
|
||||||
class="form-control"
|
class="form-control"
|
||||||
>
|
>
|
||||||
@ -30,12 +26,7 @@
|
|||||||
>
|
>
|
||||||
{{ $t('report.state_' + state) }}
|
{{ $t('report.state_' + state) }}
|
||||||
</option>
|
</option>
|
||||||
</select>
|
</Select>
|
||||||
<FAIcon
|
|
||||||
class="select-down-icon"
|
|
||||||
icon="chevron-down"
|
|
||||||
/>
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- eslint-disable vue/no-v-html -->
|
<!-- eslint-disable vue/no-v-html -->
|
||||||
<div
|
<div
|
||||||
|
Loading…
Reference in New Issue
Block a user