From e40fc402d93640c53261ce093788df5588887f63 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=A2=D0=B8=D0=BC=D1=83=D1=80=20=D0=93=D0=BE=D1=80=D0=BE?= =?UTF-8?q?=D0=B4=D0=B5=D1=86=D0=BA=D0=B8=D0=B9?= Date: Tue, 20 Oct 2026 14:28:46 +0500 Subject: [PATCH] =?UTF-8?q?fix(ct):=20=D0=BF=D0=BE=D0=BB=D0=B5=20=D0=BA?= =?UTF-8?q?=D0=BC=20=D0=B2=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B5=20=D0=BB?= =?UTF-8?q?=D0=BE=D0=B3=D0=B8=D1=81=D1=82=D0=B8=D0=BA=D0=B8=20=D0=BD=D0=B5?= =?UTF-8?q?=20=D1=81=D1=85=D0=BB=D0=BE=D0=BF=D1=8B=D0=B2=D0=B0=D0=B5=D1=82?= =?UTF-8?q?=D1=81=D1=8F=20=D0=BF=D1=80=D0=B8=203+=20=D0=BF=D0=BE=D1=81?= =?UTF-8?q?=D1=82=D0=B0=D0=B2=D1=89=D0=B8=D0=BA=D0=B0=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Минимальные ширины половинок «рейсы | км», инпут занимает всю половинку, у км убраны стрелки type=number — они обрезали число. --- .../Step3ComparisonTable.module.scss | 32 +++++++++++++++++-- 1 file changed, 30 insertions(+), 2 deletions(-) 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; + } } }