fix: fix byAud table column widths on mobile with table-layout fixed
- table-layout: fixed so column widths are respected - Владелец: 88px (compressed, select+button fit inside) - Название: gets remaining space (widest column) - Расположение: 80px - ID/Кол-во/Тип: minimal widths Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -188,10 +188,30 @@ td.inv-col, th.inv-col {
|
||||
padding: 4px 3px;
|
||||
}
|
||||
|
||||
.owner-td {
|
||||
min-width: 80px;
|
||||
max-width: 110px;
|
||||
/* byAud table: fixed layout so Название/Расположение get more space */
|
||||
.byaud-table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
/* ID */
|
||||
.byaud-table th:nth-child(1),
|
||||
.byaud-table td:nth-child(1) { width: 26px; }
|
||||
/* Инв. номер */
|
||||
.byaud-table th:nth-child(2),
|
||||
.byaud-table td:nth-child(2) { width: 58px; }
|
||||
/* Название — gets remaining space, no explicit width */
|
||||
/* Расположение */
|
||||
.byaud-table th:nth-child(4),
|
||||
.byaud-table td:nth-child(4) { width: 80px; }
|
||||
/* Кол-во */
|
||||
.byaud-table th:nth-child(5),
|
||||
.byaud-table td:nth-child(5) { width: 30px; }
|
||||
/* Тип */
|
||||
.byaud-table th:nth-child(6),
|
||||
.byaud-table td:nth-child(6) { width: 48px; }
|
||||
/* Владелец — compressed */
|
||||
.byaud-table th:nth-child(7),
|
||||
.byaud-table td:nth-child(7) { width: 88px; }
|
||||
|
||||
.owner-td select {
|
||||
width: 100% !important;
|
||||
|
||||
Reference in New Issue
Block a user