Add css print styles to ensure multi-page print is possible
This commit is contained in:
parent
448f43fb0d
commit
fc6a56e362
|
@ -226,4 +226,12 @@
|
||||||
border: 1px solid var(--spectrum-global-color-gray-300);
|
border: 1px solid var(--spectrum-global-color-gray-300);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
#spectrum-root,
|
||||||
|
#clip-root,
|
||||||
|
#app-root {
|
||||||
|
overflow: visible !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -427,4 +427,20 @@
|
||||||
height: var(--height);
|
height: var(--height);
|
||||||
z-index: 998;
|
z-index: 998;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Print styles */
|
||||||
|
@media print {
|
||||||
|
.layout,
|
||||||
|
.main-wrapper {
|
||||||
|
overflow: visible !important;
|
||||||
|
}
|
||||||
|
.nav-wrapper {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.layout {
|
||||||
|
flex-direction: column !important;
|
||||||
|
justify-content: flex-start !important;
|
||||||
|
align-items: stretch !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue