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 {
table-layout: fixed;
word-break: break-word;
word-wrap: break-word;
white-space: -moz-pre-wrap !important;
@ -159,10 +158,6 @@ label {
white-space: normal;
}
.wrapped-cell {
width: 20%;
}
.table tbody {
border-bottom: 1px solid hsl(0, 0%, 87%);
}
@ -175,13 +170,6 @@ label {
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),
.upload-file-name {
width: 30%;
@ -275,6 +263,8 @@ td .button {
}
.table-striped {
table-layout: auto;
tbody {
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 {
@ -732,10 +728,6 @@ input[type=checkbox].inline-block {
margin-bottom: 20px;
}
.admin_emoji_table {
margin: 20px auto;
}
.emoji_image {
width: 20px;
display: block;
@ -822,6 +814,7 @@ input[type=checkbox].inline-block {
position: relative;
max-height: calc(95vh - 220px);
overflow: auto;
width: 100%;
}
#admin-default-streams-list .progressive-table-wrapper {
@ -1822,10 +1815,6 @@ input[type=text]#settings_search {
width: 100px;
}
thead .actions {
min-width: 230px;
}
#settings_page .display-settings-form select {
width: 245px;
}

View File

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

View File

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

View File

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

View File

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

View File

@ -42,7 +42,7 @@
</td>
{{/if}}
{{#if ../can_modify}}
<td>
<td class="actions">
<span class="user-status-settings">
{{#if is_active}}
<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 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-actions">{{t "Actions" }}</th>
<th class="upload-actions actions">{{t "Actions" }}</th>
</thead>
<tbody class="required-text" data-empty="{{t 'You have not uploaded any files.' }}"
id="uploaded_files_table"></tbody>

View File

@ -7,7 +7,7 @@
<div class="progressive-table-wrapper" data-simplebar data-list-render="admin_bot_list">
<table class="table table-condensed table-striped wrapped-table">
<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="bot_owner">{{t "Owner" }}</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">
<table class="table table-condensed table-striped wrapped-table">
<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}}
<th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th>
{{/if}}

View File

@ -8,7 +8,7 @@
<div class="progressive-table-wrapper" data-simplebar data-list-render="users_table_list">
<table class="table table-condensed table-striped wrapped-table">
<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}}
<th data-sort="alphabetic" data-sort-prop="email">{{t "Email" }}</th>
{{/if}}

View File

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