Update print styles to work with dev tools update

4 years ago · a5dd74842b
3 changed files with 12 additions and 1 deletions
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@ -283,7 +283,8 @@
  @media print {
    #spectrum-root,
    #clip-root,
-    #app-root {
+    #app-root,
+    #app-body {
      overflow: visible !important;
    }
  }
--- a/packages/client/src/components/devtools/DevTools.svelte
+++ b/packages/client/src/components/devtools/DevTools.svelte
@ -66,4 +66,9 @@
  .tab-content {
    padding: 0 var(--spacing-xl);
  }
+  @media print {
+    .devtools {
+      display: none;
+    }
+  }
 </style>
--- a/packages/client/src/components/devtools/DevToolsHeader.svelte
+++ b/packages/client/src/components/devtools/DevToolsHeader.svelte
@ -71,4 +71,9 @@
  .dev-preview-header :global(.spectrum-Picker-label) {
    color: white !important;
  }
+  @media print {
+    .dev-preview-header {
+      display: none;
+    }
+  }
 </style>