fix: Table overflow and colors in embeds (#19452)

PostHog · Dec 21, 2023 · 2f8b8f7 · 2f8b8f7
1 parent d1a4d66
commit 2f8b8f7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical.png b/frontend/__snapshots__/lemon-ui-scrollable-shadows--vertical.png
diff --git a/frontend/src/lib/components/ScrollableShadows/ScrollableShadows.scss b/frontend/src/lib/components/ScrollableShadows/ScrollableShadows.scss
@@ -22,6 +22,8 @@
     }
 
     &.ScrollableShadows--horizontal {
+        height: 100%;
+
         .ScrollableShadows__inner {
             overflow-x: auto;
         }
@@ -36,6 +38,8 @@
     }
 
     &.ScrollableShadows--vertical {
+        width: 100%;
+
         .ScrollableShadows__inner {
             overflow-y: auto;
         }

diff --git a/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss b/frontend/src/lib/lemon-ui/LemonTable/LemonTable.scss
@@ -12,7 +12,8 @@
     border-radius: var(--radius);
 
     .WebAnalyticsDashboard &,
-    .Insight & {
+    .Insight &,
+    .InsightCard__viz & {
         // Special override for scenes where the table is primarily next to insights
         --lemon-table-background-color: var(--bg-light);
     }