diff --git a/src/webparts/ctFormsPortal/forms/ct/components/Step3ComparisonTable/Step3ComparisonTable.module.scss b/src/webparts/ctFormsPortal/forms/ct/components/Step3ComparisonTable/Step3ComparisonTable.module.scss index 643be16..2b155d0 100644 --- a/src/webparts/ctFormsPortal/forms/ct/components/Step3ComparisonTable/Step3ComparisonTable.module.scss +++ b/src/webparts/ctFormsPortal/forms/ct/components/Step3ComparisonTable/Step3ComparisonTable.module.scss @@ -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; + } } }