diff --git a/src/webparts/requestPortal/forms/ServiceRequest/sections/AnnexesSection.module.scss b/src/webparts/requestPortal/forms/ServiceRequest/sections/AnnexesSection.module.scss index 843525e..a415fef 100644 --- a/src/webparts/requestPortal/forms/ServiceRequest/sections/AnnexesSection.module.scss +++ b/src/webparts/requestPortal/forms/ServiceRequest/sections/AnnexesSection.module.scss @@ -10,6 +10,7 @@ overflow-x: auto; } + .table { width: 100%; border-collapse: collapse; @@ -164,3 +165,10 @@ gap: $sp-2; margin-top: $sp-3; } + +// См. CostGroupsEditor: на бумаге прокрутки нет, уехавшее вбок теряется. +@media print { + .tableWrap { + overflow: visible; + } +} diff --git a/src/webparts/requestPortal/forms/ServiceRequest/sections/CostGroupsEditor.module.scss b/src/webparts/requestPortal/forms/ServiceRequest/sections/CostGroupsEditor.module.scss index 772b27f..d3f1277 100644 --- a/src/webparts/requestPortal/forms/ServiceRequest/sections/CostGroupsEditor.module.scss +++ b/src/webparts/requestPortal/forms/ServiceRequest/sections/CostGroupsEditor.module.scss @@ -155,3 +155,21 @@ font-weight: 700; color: $navy-700; } + +// ---- Печать ---- +// На бумаге прокрутки нет: «уехавшее вбок» просто потерялось бы, а сам +// контейнер печатается вместе с полосой прокрутки (видно на печати заявки). +// Отпускаем ширину — колонки строки суммарно уже A4, так что она укладывается +// в лист целиком. +// +// Блок ДОЛЖЕН стоять в конце файла: @media print не повышает специфичность, и +// базовое `.row { min-width }` выше перебило бы это правило, стой оно раньше. +@media print { + .rowsWrap { + overflow: visible; + } + + .row { + min-width: 0; + } +} diff --git a/src/webparts/requestPortal/shared/approval/ui/approval.module.scss b/src/webparts/requestPortal/shared/approval/ui/approval.module.scss index 58f4404..507a2dc 100644 --- a/src/webparts/requestPortal/shared/approval/ui/approval.module.scss +++ b/src/webparts/requestPortal/shared/approval/ui/approval.module.scss @@ -128,6 +128,7 @@ -webkit-overflow-scrolling: touch; } + .matrix { width: 100%; min-width: 480px; // колонки не сжимаются; при нехватке места .matrixScroll прокручивает @@ -355,3 +356,16 @@ padding-top: $sp-2 !important; } } + +// ---- Печать ---- +// Прокрутка на бумаге недоступна: неуместившееся вбок просто не попало бы на +// лист. Обе оси отпускаем — overflow-y здесь стоит только ради анимации +// перестановки строк (см. .matrixScroll), а в печати её нет. +// +// В конце файла намеренно: @media print не повышает специфичность, и любое +// базовое правило ниже перебило бы это (см. CostGroupsEditor.module.scss). +@media print { + .matrixScroll { + overflow: visible; + } +} diff --git a/src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.module.scss b/src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.module.scss index 0796da8..ba53a1b 100644 --- a/src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.module.scss +++ b/src/webparts/requestPortal/shared/ui/ItemsTable/ItemsTable.module.scss @@ -5,6 +5,7 @@ overflow-x: auto; } + .table { width: 100%; border-collapse: collapse; @@ -164,3 +165,11 @@ display: flex; gap: $sp-2; } + +// На печати прокрутки не существует: то, что не поместилось по ширине, просто +// пропало бы с листа, а контейнер вышел бы с полосой прокрутки. +@media print { + .tableWrap { + overflow: visible; + } +}