fix(print): убрать полосы прокрутки из печати таблиц
На печати заявки под строками сметы и объёмов работ выходила серая полоса
прокрутки со стрелками (видно в PDF): контейнеры с overflow-x: auto
печатаются вместе со своим скроллбаром, а уехавшее вбок на бумаге просто
теряется — прокрутить лист нельзя.
В @media print отпускаем ширину: overflow: visible и min-width: 0, тогда
таблица укладывается в лист целиком. Помимо новых блоков «Заявки на
услуги» это же исправлено у общей ItemsTable (печать СЗ на перемещение
ТМЦ) и у матрицы согласования — там ровно тот же контейнер.
Блоки @media print стоят В КОНЦЕ файлов намеренно: медиазапрос не
повышает специфичность, и базовое `.row { min-width: 640px }`, объявленное
ниже, перебивало бы правило печати (поймано на скомпилированном CSS).
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -10,6 +10,7 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
@@ -164,3 +165,10 @@
|
|||||||
gap: $sp-2;
|
gap: $sp-2;
|
||||||
margin-top: $sp-3;
|
margin-top: $sp-3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// См. CostGroupsEditor: на бумаге прокрутки нет, уехавшее вбок теряется.
|
||||||
|
@media print {
|
||||||
|
.tableWrap {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -155,3 +155,21 @@
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: $navy-700;
|
color: $navy-700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---- Печать ----
|
||||||
|
// На бумаге прокрутки нет: «уехавшее вбок» просто потерялось бы, а сам
|
||||||
|
// контейнер печатается вместе с полосой прокрутки (видно на печати заявки).
|
||||||
|
// Отпускаем ширину — колонки строки суммарно уже A4, так что она укладывается
|
||||||
|
// в лист целиком.
|
||||||
|
//
|
||||||
|
// Блок ДОЛЖЕН стоять в конце файла: @media print не повышает специфичность, и
|
||||||
|
// базовое `.row { min-width }` выше перебило бы это правило, стой оно раньше.
|
||||||
|
@media print {
|
||||||
|
.rowsWrap {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -128,6 +128,7 @@
|
|||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.matrix {
|
.matrix {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-width: 480px; // колонки не сжимаются; при нехватке места .matrixScroll прокручивает
|
min-width: 480px; // колонки не сжимаются; при нехватке места .matrixScroll прокручивает
|
||||||
@@ -355,3 +356,16 @@
|
|||||||
padding-top: $sp-2 !important;
|
padding-top: $sp-2 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// ---- Печать ----
|
||||||
|
// Прокрутка на бумаге недоступна: неуместившееся вбок просто не попало бы на
|
||||||
|
// лист. Обе оси отпускаем — overflow-y здесь стоит только ради анимации
|
||||||
|
// перестановки строк (см. .matrixScroll), а в печати её нет.
|
||||||
|
//
|
||||||
|
// В конце файла намеренно: @media print не повышает специфичность, и любое
|
||||||
|
// базовое правило ниже перебило бы это (см. CostGroupsEditor.module.scss).
|
||||||
|
@media print {
|
||||||
|
.matrixScroll {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -5,6 +5,7 @@
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
@@ -164,3 +165,11 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
gap: $sp-2;
|
gap: $sp-2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// На печати прокрутки не существует: то, что не поместилось по ширине, просто
|
||||||
|
// пропало бы с листа, а контейнер вышел бы с полосой прокрутки.
|
||||||
|
@media print {
|
||||||
|
.tableWrap {
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user