Feature: таблица товаров без скролла, товар обрезается, цена/стоимость с разделителем разрядов

Made-with: Cursor
This commit is contained in:
2026-02-26 12:26:28 +00:00
parent 646b3ea3fc
commit 39cc12fae4
4 changed files with 168 additions and 26 deletions

View File

@@ -84,14 +84,54 @@
max-width: 100%;
}
/* Таблица товаров: колонка Товар шире, Количество уже */
/* Таблица товаров: без горизонтального скролла, компактные колонки */
.ws-table-wrap {
overflow-x: auto;
max-width: 100%;
}
.ws-table-items {
table-layout: fixed;
width: 100%;
min-width: 0;
}
/* Товар: ограниченная ширина, длинное название обрезается */
.ws-table-items .ws-col-product {
width: 35%;
min-width: 14rem;
width: 28%;
overflow: hidden;
}
.ws-table-items .ws-col-product select {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
/* Цена: поле под 8 знаков, значение справа */
.ws-table-items .ws-col-price {
width: 14%;
}
.ws-table-items .ws-col-price input {
width: 100% !important;
max-width: 100%;
text-align: right;
font-variant-numeric: tabular-nums;
}
/* Валюта */
.ws-table-items .ws-col-currency {
width: 12%;
}
.ws-table-items .ws-col-currency select {
max-width: 100%;
}
.ws-table-items .ws-col-qty {
width: 5rem;
width: 10%;
min-width: 4rem;
}
.ws-table-items td.ws-col-qty input,
@@ -101,6 +141,14 @@
box-sizing: border-box;
}
.ws-table-items .ws-col-del {
width: 4rem;
/* Стоимость: справа, разделитель в JS */
.ws-table-items .ws-col-cost {
width: 14%;
text-align: right;
font-variant-numeric: tabular-nums;
}
.ws-table-items .ws-col-del {
width: 5%;
min-width: 3rem;
}