change dropdown buttons

Author: Musa Demir

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/view-resources/Views/Roles/Index.js

@@ -60,18 +60,12 @@
                 defaultContent: '',
                 render: (data, type, row, meta) => {
                     return [
-                        '<div class="btn-group">',
-                        `   <button type="button" class="btn bg-secondary edit-role" data-role-id="${row.id}" data-toggle="modal" data-target="#RoleEditModal">`,
+                        `   <button type="button" class="btn btn-sm bg-secondary edit-role" data-role-id="${row.id}" data-toggle="modal" data-target="#RoleEditModal">`,
                         `       <i class="fas fa-pencil-alt"></i> ${l('Edit')}`,
                         '   </button>',
-                        '   <button type="button" class="btn bg-secondary dropdown-toggle dropdown-icon" data-toggle="dropdown">',
+                        `   <button type="button" class="btn btn-sm bg-danger edit-user delete-role" data-role-id="${row.id}" data-role-name="${row.name}">`,
+                        `       <i class="fas fa-trash"></i> ${l('Delete')}`,
                         '   </button>',
-                        '   <div class="dropdown-menu" role="menu">',
-                        `     <a href="javascript:;" class="dropdown-item delete-role" data-role-id="${row.id}" data-role-name="${row.name}">`,
-                        `         <i class="fas fa-trash"></i> ${l('Delete')}`,
-                        '     </a>',
-                        '   </div>',
-                        '</div>'
                     ].join('');
                 }
             }

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/view-resources/Views/Tenants/Index.js

@@ -66,18 +66,12 @@
                 defaultContent: '',
                 render: (data, type, row, meta) => {
                     return [
-                        '<div class="btn-group">',
-                        `   <button type="button" class="btn bg-secondary edit-tenant" data-tenant-id="${row.id}" data-toggle="modal" data-target="#TenantEditModal">`,
+                        `   <button type="button" class="btn btn-sm bg-secondary edit-tenant" data-tenant-id="${row.id}" data-toggle="modal" data-target="#TenantEditModal">`,
                         `       <i class="fas fa-pencil-alt"></i> ${l('Edit')}`,
                         '   </button>',
-                        '   <button type="button" class="btn bg-secondary dropdown-toggle dropdown-icon" data-toggle="dropdown">',
-                        '   </button>',
-                        '   <div class="dropdown-menu" role="menu">',
-                        `     <a href="javascript:;" class="dropdown-item delete-tenant" data-tenant-id="${row.id}" data-tenancy-name="${row.tenancyName}">`,
-                        `         <i class="fas fa-trash"></i> ${l('Delete')}`,
-                        '     </a>',
-                        '   </div>',
-                        '</div>'
+                        `   <button type="button" class="btn btn-sm bg-danger edit-user delete-tenant" data-tenant-id="${row.id}" data-tenancy-name="${row.name}">`,
+                        `       <i class="fas fa-trash"></i> ${l('Delete')}`,
+                        '   </button>'
                     ].join('');
                 }
             }

aspnet-core/src/AbpCompanyName.AbpProjectName.Web.Mvc/wwwroot/view-resources/Views/Users/Index.js

@@ -71,18 +71,12 @@
                 defaultContent: '',
                 render: (data, type, row, meta) => {
                     return [
-                        '<div class="btn-group">',
-                        `   <button type="button" class="btn bg-secondary edit-user" data-user-id="${row.id}" data-toggle="modal" data-target="#UserEditModal">`,
+                        `   <button type="button" class="btn btn-sm bg-secondary edit-user" data-user-id="${row.id}" data-toggle="modal" data-target="#UserEditModal">`,
                         `       <i class="fas fa-pencil-alt"></i> ${l('Edit')}`,
                         '   </button>',
-                        '   <button type="button" class="btn bg-secondary dropdown-toggle dropdown-icon" data-toggle="dropdown">',
-                        '   </button>',
-                        '   <div class="dropdown-menu" role="menu">',
-                        `     <a href="javascript:;" class="dropdown-item delete-user" data-user-id="${row.id}" data-user-name="${row.name}">`,
-                        `         <i class="fas fa-trash"></i> ${l('Delete')}`,
-                        '     </a>',
-                        '   </div>',
-                        '</div>'
+                        `   <button type="button" class="btn btn-sm bg-danger edit-user delete-user" data-user-id="${row.id}" data-user-name="${row.name}">`,
+                        `       <i class="fas fa-trash"></i> ${l('Delete')}`,
+                        '   </button>'
                     ].join('');
                 }
             }