fix: remove table-layout fixed to prevent column text truncation
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Use auto table layout with minimal font (10px) and padding (3px 4px)
so browser calculates natural column widths. Remove colgroup.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-21 15:57:56 +01:00
parent ead108cbab
commit c8fb079c3a

View File

@ -108,18 +108,14 @@
border: 1px solid var(--border);
}
.history-table {
width: 100%;
border-collapse: collapse;
font-size: 11px;
font-size: 10px;
white-space: nowrap;
table-layout: fixed;
}
.history-table th, .history-table td {
padding: 4px 5px;
padding: 3px 4px;
border-bottom: 1px solid var(--border);
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
}
.history-table th {
background: #f1f5f9;
@ -129,13 +125,13 @@
}
.history-table thead tr:first-child th {
border-bottom: 2px solid var(--border);
font-size: 11px;
font-size: 9px;
text-transform: uppercase;
letter-spacing: 0.5px;
letter-spacing: 0;
}
.history-table thead tr:nth-child(2) th {
background: #f8fafc;
font-size: 11px;
font-size: 9px;
}
.history-table tbody tr:hover td { background: #f8fafc; }
.history-table td:first-child,
@ -146,14 +142,9 @@
background: white;
text-align: left;
border-right: 2px solid var(--border);
width: 90px;
}
.history-table thead th:first-child { background: #f1f5f9; }
.history-table tbody tr:hover td:first-child { background: #f8fafc; }
.history-table col.col-narrow { width: 42px; }
.history-table col.col-cwv { width: 52px; }
.history-table col.col-note { width: 80px; }
.history-table col.col-link { width: 55px; }
.score-badge {
display: inline-block;
@ -420,17 +411,6 @@
{% if audits %}
<div class="history-wrapper">
<table class="history-table">
<colgroup>
<col style="width:90px"><!-- Data -->
<col span="4" class="col-narrow"><!-- PageSpeed -->
<col span="7" class="col-cwv"><!-- CWV -->
<col span="7" class="col-narrow"><!-- On-Page -->
<col span="4" class="col-narrow"><!-- Security -->
<col span="5" class="col-narrow"><!-- Content -->
<col span="4" class="col-narrow"><!-- Scores -->
<col class="col-note"><!-- Notatka -->
<col class="col-link"><!-- Szczegóły -->
</colgroup>
<thead>
<tr>
<th rowspan="2">Data</th>