fix(ct): поле км в строке логистики не схлопывается при 3+ поставщиках
Минимальные ширины половинок «рейсы | км», инпут занимает всю половинку, у км убраны стрелки type=number — они обрезали число.
This commit is contained in:
+30
-2
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user