fix(ct): поле км в строке логистики не схлопывается при 3+ поставщиках
Минимальные ширины половинок «рейсы | км», инпут занимает всю половинку, у км убраны стрелки type=number — они обрезали число.
This commit is contained in:
+30
-2
@@ -341,7 +341,14 @@
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -355,17 +362,38 @@
|
||||
.deliveryQtyBox,
|
||||
.deliveryKmBox {
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
// Обёртка инпута должна занимать всё место половинки: без flex-grow она ужималась
|
||||
// по содержимому, и инпут получал лишь остаток рядом с подписью «км».
|
||||
.offerInput {
|
||||
flex: 1 1 auto;
|
||||
min-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.deliveryQtyBox {
|
||||
min-width: $delivery-trips-min-width;
|
||||
}
|
||||
|
||||
.deliveryKmBox {
|
||||
min-width: $delivery-km-min-width;
|
||||
border-left: 1px solid $border;
|
||||
padding-left: 2px;
|
||||
|
||||
// Стрелки type="number" в Chrome резервируют место даже невидимыми и обрезают число
|
||||
// («200» → «20(»). Км вводят с клавиатуры, стрелки не нужны.
|
||||
input {
|
||||
color: $muted;
|
||||
appearance: textfield;
|
||||
-moz-appearance: textfield;
|
||||
|
||||
&::-webkit-inner-spin-button,
|
||||
&::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user