Browse Source

Add css print styles to ensure multi-page print is possible

master
Andrew Kingston 5 years ago
parent
commit
fc6a56e362
  1. 8
      packages/client/src/components/ClientApp.svelte
  2. 16
      packages/client/src/components/app/Layout.svelte

8
packages/client/src/components/ClientApp.svelte

@ -226,4 +226,12 @@
border: 1px solid var(--spectrum-global-color-gray-300);
border-radius: 4px;
}
@media print {
#spectrum-root,
#clip-root,
#app-root {
overflow: visible !important;
}
}
</style>

16
packages/client/src/components/app/Layout.svelte

@ -427,4 +427,20 @@
height: var(--height);
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>

Loading…
Cancel
Save