fix(ct): поле км в строке логистики не схлопывается при 3+ поставщиках

Минимальные ширины половинок «рейсы | км», инпут занимает всю половинку, у км убраны стрелки
type=number — они обрезали число.
This commit is contained in:
Тимур Городецкий
2026-10-20 14:28:46 +05:00
parent c1e8792174
commit e40fc402d9
@@ -341,7 +341,14 @@
vertical-align: middle; vertical-align: middle;
} }
.deliveryQtyCell { // Минимальные ширины половинок ячейки «рейсы | км» строки логистики: рейсы — 3 цифры,
// км — 4 цифры плюс подпись «км». Без нижней границы при 3+ поставщиках таблица ужимала
// колонки, и поле км схлопывалось до невидимого — теперь вместо этого таблица шире (есть скролл).
$delivery-trips-min-width: 40px;
$delivery-km-min-width: 76px;
// Двойной класс — иначе min-width: 90px из .dataCell (объявлен ниже, та же специфичность) перебивает.
.dataCell.deliveryQtyCell {
min-width: 150px; min-width: 150px;
} }
@@ -355,17 +362,38 @@
.deliveryQtyBox, .deliveryQtyBox,
.deliveryKmBox { .deliveryKmBox {
flex: 1 1 0; flex: 1 1 0;
min-width: 0;
display: flex; display: flex;
align-items: center; align-items: center;
// Обёртка инпута должна занимать всё место половинки: без flex-grow она ужималась
// по содержимому, и инпут получал лишь остаток рядом с подписью «км».
.offerInput {
flex: 1 1 auto;
min-width: 0;
}
}
.deliveryQtyBox {
min-width: $delivery-trips-min-width;
} }
.deliveryKmBox { .deliveryKmBox {
min-width: $delivery-km-min-width;
border-left: 1px solid $border; border-left: 1px solid $border;
padding-left: 2px; padding-left: 2px;
// Стрелки type="number" в Chrome резервируют место даже невидимыми и обрезают число
// («200» → «20(»). Км вводят с клавиатуры, стрелки не нужны.
input { input {
color: $muted; color: $muted;
appearance: textfield;
-moz-appearance: textfield;
&::-webkit-inner-spin-button,
&::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
} }
} }