fix: table compresses to page width with fixed layout and ellipsis overflow
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -322,11 +322,21 @@ article.card {
|
|||||||
|
|
||||||
table.align-middle {
|
table.align-middle {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
table-layout: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
table.align-middle td,
|
table.align-middle td,
|
||||||
table.align-middle th {
|
table.align-middle th {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
table.align-middle td.wrap,
|
||||||
|
table.align-middle th.wrap {
|
||||||
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Breadcrumb */
|
/* Breadcrumb */
|
||||||
|
|||||||
@@ -89,6 +89,17 @@
|
|||||||
<article class="card">
|
<article class="card">
|
||||||
<div class="table-scroll">
|
<div class="table-scroll">
|
||||||
<table class="align-middle">
|
<table class="align-middle">
|
||||||
|
<colgroup>
|
||||||
|
<col style="width:4%">
|
||||||
|
<col style="width:15%">
|
||||||
|
<col style="width:28%">
|
||||||
|
<col style="width:10%">
|
||||||
|
<col style="width:10%">
|
||||||
|
<col style="width:6%">
|
||||||
|
<col style="width:15%">
|
||||||
|
<col style="width:5%">
|
||||||
|
<col style="width:5%">
|
||||||
|
</colgroup>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>ID</th>
|
<th>ID</th>
|
||||||
@@ -98,7 +109,7 @@
|
|||||||
<th>Роль</th>
|
<th>Роль</th>
|
||||||
<th>Статус</th>
|
<th>Статус</th>
|
||||||
<th>Эвотор</th>
|
<th>Эвотор</th>
|
||||||
<th>Регистрация</th>
|
<th>Дата</th>
|
||||||
<th></th>
|
<th></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@@ -107,13 +118,13 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td class="text-muted small">{{ u.id }}</td>
|
<td class="text-muted small">{{ u.id }}</td>
|
||||||
<td>{{ u.first_name }} {{ u.last_name }}</td>
|
<td>{{ u.first_name }} {{ u.last_name }}</td>
|
||||||
<td>
|
<td title="{{ u.email }}">
|
||||||
{{ u.email }}
|
{{ u.email }}
|
||||||
{% if not u.is_email_confirmed %}
|
{% if not u.is_email_confirmed %}
|
||||||
<span class="badge badge-warning ms-1" title="Email не подтверждён"><i class="bi bi-exclamation-circle"></i></span>
|
<span class="badge badge-warning ms-1" title="Email не подтверждён"><i class="bi bi-exclamation-circle"></i></span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td>
|
</td>
|
||||||
<td>{{ u.phone }}</td>
|
<td>{{ u.phone or '—' }}</td>
|
||||||
<td>
|
<td>
|
||||||
{% if u.role == 'system' %}<span class="badge badge-danger">Системный</span>
|
{% if u.role == 'system' %}<span class="badge badge-danger">Системный</span>
|
||||||
{% elif u.role == 'admin' %}<span class="badge badge-warning">Админ</span>
|
{% elif u.role == 'admin' %}<span class="badge badge-warning">Админ</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user