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:
mguschin
2026-05-13 21:09:32 +03:00
parent 545c6aade6
commit db0a3bb4d6
2 changed files with 24 additions and 3 deletions

View File

@@ -322,11 +322,21 @@ article.card {
table.align-middle {
width: 100%;
table-layout: fixed;
}
table.align-middle td,
table.align-middle th {
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 */

View File

@@ -89,6 +89,17 @@
<article class="card">
<div class="table-scroll">
<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>
<tr>
<th>ID</th>
@@ -98,7 +109,7 @@
<th>Роль</th>
<th>Статус</th>
<th>Эвотор</th>
<th>Регистрация</th>
<th>Дата</th>
<th></th>
</tr>
</thead>
@@ -107,13 +118,13 @@
<tr>
<td class="text-muted small">{{ u.id }}</td>
<td>{{ u.first_name }} {{ u.last_name }}</td>
<td>
<td title="{{ u.email }}">
{{ u.email }}
{% if not u.is_email_confirmed %}
<span class="badge badge-warning ms-1" title="Email не подтверждён"><i class="bi bi-exclamation-circle"></i></span>
{% endif %}
</td>
<td>{{ u.phone }}</td>
<td>{{ u.phone or '—' }}</td>
<td>
{% if u.role == 'system' %}<span class="badge badge-danger">Системный</span>
{% elif u.role == 'admin' %}<span class="badge badge-warning">Админ</span>