aboutsummaryrefslogtreecommitdiff
path: root/src/components/user_reporting_modal
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/user_reporting_modal')
-rw-r--r--src/components/user_reporting_modal/user_reporting_modal.js2
-rw-r--r--src/components/user_reporting_modal/user_reporting_modal.vue18
2 files changed, 10 insertions, 10 deletions
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index f445f184..7c6ea409 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -1,10 +1,12 @@
import Status from '../status/status.vue'
+import List from '../list/list.vue'
import Checkbox from '../checkbox/checkbox.vue'
const UserReportingModal = {
components: {
Status,
+ List,
Checkbox
},
data () {
diff --git a/src/components/user_reporting_modal/user_reporting_modal.vue b/src/components/user_reporting_modal/user_reporting_modal.vue
index d5f3b438..1cf25e8f 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@@ -28,12 +28,14 @@
</div>
</div>
<div class="user-reporting-panel-right" v-bar="{preventParentScroll: true}">
- <div>
- <div v-for="status in statuses" :key="status.id" class="status-fadein user-reporting-panel-sitem">
- <Status :inConversation="false" :focused="false" :statusoid="status" />
- <Checkbox :checked="isChecked(status.id)" @change="checked => toggleStatus(checked, status.id)" />
- </div>
- </div>
+ <List :items="statuses">
+ <template slot="item" slot-scope="{item}">
+ <div class="status-fadein user-reporting-panel-sitem">
+ <Status :inConversation="false" :focused="false" :statusoid="item" />
+ <Checkbox :checked="isChecked(item.id)" @change="checked => toggleStatus(checked, item.id)" />
+ </div>
+ </template>
+ </List>
</div>
</div>
</div>
@@ -116,10 +118,6 @@
&-sitem {
display: flex;
justify-content: space-between;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- border-color: $fallback--border;
- border-color: var(--border, $fallback--border);
padding-right: 15px;
> .status-el {