Fix viewer background color overflow

MuckRock · Nov 18, 2024 · 631d8cf · 631d8cf
1 parent a4d4ae6
commit 631d8cf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/lib/components/layouts/ContentLayout.svelte b/src/lib/components/layouts/ContentLayout.svelte
@@ -1,4 +1,8 @@
-<div class="container">
+<script lang="ts">
+  export let noBgColor = false;
+</script>
+
+<div class="container" class:noBgColor>
   {#if $$slots.header}
     <header>
       <slot name="header" />
@@ -28,6 +32,10 @@
     background: var(--gray-1);
     box-shadow: inset var(--shadow-2);
   }
+  .container.noBgColor {
+    background: unset;
+    box-shadow: unset;
+  }
   header {
     flex: 0 0 0;
     width: 100%;

diff --git a/src/lib/components/viewer/Viewer.svelte b/src/lib/components/viewer/Viewer.svelte
@@ -51,7 +51,7 @@ Assumes it's a child of a ViewerContext
 </script>
 
 <div class="container">
-  <ContentLayout>
+  <ContentLayout noBgColor>
     <!-- toolbars -->
     <Flex slot="header">
       {#if !embed && $sidebars["navigation"] === false}