settings: Make custom profile fields table similar to other tables.

This commit updates the admin custom profile fields table to be
similar to other tables in settings page. After this change,
the table will be horizontally scrollable for narrow screens
and the buttons in actions column will not wrap to multiple lines.

This increases the width of "Actions" column and it takes some
unnecessary space, but this will be handled in the next commit
which will adjust "Actions" column in all the tables.
This commit is contained in:
Sahil Batra 2023-08-17 17:11:16 +05:30 committed by Tim Abbott
parent ebdd63f327
commit 75126c96a4
3 changed files with 2 additions and 8 deletions

View File

@ -218,12 +218,6 @@ h3,
& table + .progressive-table-wrapper table tr.user_row td:first-of-type {
width: 20%;
}
/* Limit the actions column to not using excessive width */
.admin-table-wrapper table.admin_profile_fields_table tr .actions {
width: 11%;
min-width: 70px;
}
}
#uploaded_files_table > tr > td:nth-of-type(1),

View File

@ -24,7 +24,7 @@
{{/if}}
</td>
{{#if ../can_modify}}
<td>
<td class="actions">
<button class="button rounded small btn-warning open-edit-form-modal" title="{{t 'Edit' }}" data-profile-field-id="{{id}}">
<i class="fa fa-pencil" aria-hidden="true"></i>
</button>

View File

@ -6,7 +6,7 @@
<button class="button rounded sea-green" id="add-custom-profile-field-btn">{{t "Add a new profile field" }}</button>
{{/if}}
</div>
<div class="admin-table-wrapper">
<div class="admin-table-wrapper" data-simplebar>
<table class="table table-striped admin_profile_fields_table">
<thead>
<tr>