Add ability to collapse tags

src/lang/en.js

@@ -282,7 +282,8 @@ export default {
     enableTagPolicy: 'Enable MRF TagPolicy to manage user tags',
     confirmEnablingTagPolicy: 'Are you sure you want to add TagPolicy to the list of enabled MRF policies?',
     enableTagPolicySuccessMessage: 'MRF TagPolicy was enabled',
-    createCustomTag: 'Create custom tag'
+    createCustomTag: 'Create custom tag',
+    moderateTags: 'Moderate Tags'
   },
   statuses: {
     statuses: 'Statuses',

src/views/users/components/ModerationDropdown.vue

@@ -67,6 +67,8 @@
         @click.native="handleConfirmationResend(user)">
         {{ $t('users.resendConfirmation') }}
       </el-dropdown-item>
+      <el-collapse accordion class="moderate-tags">
+        <el-collapse-item :title="$t('users.moderateTags')" name="open-tags">
           <el-dropdown-item
             v-if="tagPolicyEnabled"
             :divided="showAdminAction(user)"
@@ -116,6 +118,8 @@
             @click.native="$emit('open-custom-tag-dialog')">
             {{ $t('users.createCustomTag') }}
           </el-dropdown-item>
+        </el-collapse-item>
+      </el-collapse>
       <el-dropdown-item
         v-if="!tagPolicyEnabled"
         divided
@@ -162,6 +166,11 @@ export default {
       default: ''
     }
   },
+  data() {
+    return {
+      tagsOpen: []
+    }
+  },
   computed: {
     actorType: {
       get() {
@@ -328,8 +337,27 @@ export default {
     display: flex;
     justify-content: space-between;
   }
+  .moderate-tags {
+    .el-collapse-item__content {
+      padding-bottom: 0px;
+    }
+    .el-collapse-item__header {
+      height: 23px;
+      margin-top: 4px;
+      padding-left: 15px;
+      font-weight: 400;
+      color: #606266;
+      border-bottom: none;
+    }
+    .el-collapse-item__wrap {
+      border-bottom: none;
+    }
+  }
   .moderation-dropdown-menu {
     width: 350px;
+    .el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
+      margin-top: 0;
+    }
   }
   @media only screen and (max-width:480px) {
     .moderate-user-button {