org settings: Reduce the width occupied by the actions column in tables.

This commit is contained in:
Thomas Ip 2019-08-22 16:33:44 +08:00 committed by Tim Abbott
parent 39aceb9d93
commit d86299309a
11 changed files with 19 additions and 30 deletions

View File

@ -148,7 +148,6 @@ label {
} }
.wrapped-table { .wrapped-table {
table-layout: fixed;
word-break: break-word; word-break: break-word;
word-wrap: break-word; word-wrap: break-word;
white-space: -moz-pre-wrap !important; white-space: -moz-pre-wrap !important;
@ -159,10 +158,6 @@ label {
white-space: normal; white-space: normal;
} }
.wrapped-cell {
width: 20%;
}
.table tbody { .table tbody {
border-bottom: 1px solid hsl(0, 0%, 87%); border-bottom: 1px solid hsl(0, 0%, 87%);
} }
@ -175,13 +170,6 @@ label {
width: 20%; width: 20%;
} }
#uploaded_files_table > tr > td:nth-of-type(4),
#uploaded_files_table > tr > td:nth-of-type(5),
.upload-size,
.upload-actions {
width: 15%;
}
#uploaded_files_table > tr > td:nth-of-type(1), #uploaded_files_table > tr > td:nth-of-type(1),
.upload-file-name { .upload-file-name {
width: 30%; width: 30%;
@ -275,6 +263,8 @@ td .button {
} }
.table-striped { .table-striped {
table-layout: auto;
tbody { tbody {
border-bottom: none; border-bottom: none;
} }
@ -314,6 +304,12 @@ td .button {
} }
} }
} }
// Force the actions column to use the minimum space necessary
.actions {
width: 1%;
white-space: nowrap;
}
} }
input[type=text].search { input[type=text].search {
@ -732,10 +728,6 @@ input[type=checkbox].inline-block {
margin-bottom: 20px; margin-bottom: 20px;
} }
.admin_emoji_table {
margin: 20px auto;
}
.emoji_image { .emoji_image {
width: 20px; width: 20px;
display: block; display: block;
@ -822,6 +814,7 @@ input[type=checkbox].inline-block {
position: relative; position: relative;
max-height: calc(95vh - 220px); max-height: calc(95vh - 220px);
overflow: auto; overflow: auto;
width: 100%;
} }
#admin-default-streams-list .progressive-table-wrapper { #admin-default-streams-list .progressive-table-wrapper {
@ -1822,10 +1815,6 @@ input[type=text]#settings_search {
width: 100px; width: 100px;
} }
thead .actions {
min-width: 230px;
}
#settings_page .display-settings-form select { #settings_page .display-settings-form select {
width: 245px; width: 245px;
} }

View File

@ -5,7 +5,7 @@
<span class="default_stream_name">{{name}}</span> <span class="default_stream_name">{{name}}</span>
</td> </td>
{{#if ../can_modify}} {{#if ../can_modify}}
<td> <td class="actions">
<button class="button rounded remove-default-stream btn-danger"> <button class="button rounded remove-default-stream btn-danger">
{{t "Remove from default" }} {{t "Remove from default" }}
</button> </button>

View File

@ -13,7 +13,7 @@
<span class="export_url">{{t 'The export URL is not yet available... Check back soon.' }}</span> <span class="export_url">{{t 'The export URL is not yet available... Check back soon.' }}</span>
{{/if}} {{/if}}
</td> </td>
<td> <td class="actions">
<button class="button rounded small delete btn-danger" data-export-id="{{id}}"> <button class="button rounded small delete btn-danger" data-export-id="{{id}}">
<i class="fa fa-trash-o" aria-hidden="true"></i> <i class="fa fa-trash-o" aria-hidden="true"></i>
</button> </button>

View File

@ -7,7 +7,7 @@
<span class="filter_url_format_string">{{url_format_string}}</span> <span class="filter_url_format_string">{{url_format_string}}</span>
</td> </td>
{{#if ../can_modify}} {{#if ../can_modify}}
<td class="no-select"> <td class="no-select actions">
<button class="button small delete btn-danger" data-filter-id="{{id}}"> <button class="button small delete btn-danger" data-filter-id="{{id}}">
<i class="fa fa-trash-o" aria-hidden="true"></i> <i class="fa fa-trash-o" aria-hidden="true"></i>
</button> </button>

View File

@ -16,7 +16,7 @@
<td> <td>
<span>{{invited_as_text}}</span> <span>{{invited_as_text}}</span>
</td> </td>
<td> <td class="actions">
<button class="button rounded small revoke btn-danger" data-invite-id="{{id}}" data-is-multiuse="{{is_multiuse}}"> <button class="button rounded small revoke btn-danger" data-invite-id="{{id}}" data-is-multiuse="{{is_multiuse}}">
{{t "Revoke" }} {{t "Revoke" }}
</button> </button>

View File

@ -42,7 +42,7 @@
</td> </td>
{{/if}} {{/if}}
{{#if ../can_modify}} {{#if ../can_modify}}
<td> <td class="actions">
<span class="user-status-settings"> <span class="user-status-settings">
{{#if is_active}} {{#if is_active}}
<button class="button rounded small deactivate btn-danger" {{#if ../is_current_user}}disabled="disabled"{{/if}}> <button class="button rounded small deactivate btn-danger" {{#if ../is_current_user}}disabled="disabled"{{/if}}>

View File

@ -10,7 +10,7 @@
<th class="active" data-sort="numeric" data-sort-prop="create_time">{{t "Date uploaded" }}</th> <th class="active" data-sort="numeric" data-sort-prop="create_time">{{t "Date uploaded" }}</th>
<th data-sort="mentioned-in">{{t "Mentioned in" }}</th> <th data-sort="mentioned-in">{{t "Mentioned in" }}</th>
<th class="upload-size" data-sort="numeric" data-sort-prop="size">{{t "Size" }}</th> <th class="upload-size" data-sort="numeric" data-sort-prop="size">{{t "Size" }}</th>
<th class="upload-actions">{{t "Actions" }}</th> <th class="upload-actions actions">{{t "Actions" }}</th>
</thead> </thead>
<tbody class="required-text" data-empty="{{t 'You have not uploaded any files.' }}" <tbody class="required-text" data-empty="{{t 'You have not uploaded any files.' }}"
id="uploaded_files_table"></tbody> id="uploaded_files_table"></tbody>

View File

@ -7,7 +7,7 @@
<div class="progressive-table-wrapper" data-simplebar data-list-render="admin_bot_list"> <div class="progressive-table-wrapper" data-simplebar data-list-render="admin_bot_list">
<table class="table table-condensed table-striped wrapped-table"> <table class="table table-condensed table-striped wrapped-table">
<thead> <thead>
<th class="wrapped-cell active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th> <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
<th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th> <th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th>
<th data-sort="bot_owner">{{t "Owner" }}</th> <th data-sort="bot_owner">{{t "Owner" }}</th>
<th data-sort="alphabetic" data-sort-prop="bot_type">{{t "Bot type" }}</th> <th data-sort="alphabetic" data-sort-prop="bot_type">{{t "Bot type" }}</th>

View File

@ -11,7 +11,7 @@
<div class="progressive-table-wrapper" data-simplebar data-list-render="deactivated_users_table_list"> <div class="progressive-table-wrapper" data-simplebar data-list-render="deactivated_users_table_list">
<table class="table table-condensed table-striped wrapped-table"> <table class="table table-condensed table-striped wrapped-table">
<thead> <thead>
<th class="wrapped-cell active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th> <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
{{#if show_email}} {{#if show_email}}
<th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th> <th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th>
{{/if}} {{/if}}

View File

@ -8,7 +8,7 @@
<div class="progressive-table-wrapper" data-simplebar data-list-render="users_table_list"> <div class="progressive-table-wrapper" data-simplebar data-list-render="users_table_list">
<table class="table table-condensed table-striped wrapped-table"> <table class="table table-condensed table-striped wrapped-table">
<thead> <thead>
<th class="wrapped-cell active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th> <th class="active" data-sort="alphabetic" data-sort-prop="full_name">{{t "Name" }}</th>
{{#if show_email}} {{#if show_email}}
<th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th> <th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th>
{{/if}} {{/if}}

View File

@ -18,7 +18,7 @@
{{/if}} {{/if}}
</td> </td>
<td>{{ size_str }}</td> <td>{{ size_str }}</td>
<td> <td class="actions">
<span class="edit-attachment-buttons"> <span class="edit-attachment-buttons">
<button type="submit" <button type="submit"
class="button small no-style remove-attachment" class="button small no-style remove-attachment"