Fixes

PostHog · Nov 15, 2023 · 79bb720 · 79bb720
1 parent 4b07c32
commit 79bb720
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 37 deletions.
diff --git a/frontend/src/queries/nodes/InsightViz/InsightViz.scss b/frontend/src/queries/nodes/InsightViz/InsightViz.scss
@@ -36,6 +36,11 @@
         display: flex;
         flex: 1;
         position: relative;
+        flex-direction: column;
+
+        &--with-legend {
+            flex-direction: row;
+        }
 
         .InsightVizDisplay__content__left {
             display: flex;
@@ -48,8 +53,7 @@
         .InsightVizDisplay__content__right {
             flex-shrink: 1;
             max-width: 45%;
-
-            // height: var(--insight-viz-min-height);
+            max-height: var(--insight-viz-min-height);
             width: fit-content;
             margin: 1rem;
             display: flex;
@@ -61,30 +65,6 @@
         border-bottom-width: 1px;
         padding: 0.5rem;
     }
-
-    &--type-trends {
-    }
-
-    &--type-stickiness {
-    }
-
-    &--type-lifecycle {
-    }
-
-    &--type-funnels {
-    }
-
-    &--type-retention {
-    }
-
-    &--type-paths {
-    }
-
-    &--type-json {
-    }
-
-    &--type-sql {
-    }
 }
 
 .RetentionContainer {
@@ -116,16 +96,6 @@
 }
 
 .TrendsInsight {
-    // &--ActionsLineGraph
-    // &--ActionsLineGraphCumulative
-    // &--ActionsAreaGraph
-    // &--ActionsTable
-    // &--ActionsPie
-    // &--ActionsBar
-    // &--ActionsBarValue
-    // &--WorldMap
-    // &--BoldNumber
-
     position: relative;
     flex: 1;
     margin: 0.5rem;

diff --git a/frontend/src/queries/nodes/InsightViz/InsightVizDisplay.tsx b/frontend/src/queries/nodes/InsightViz/InsightVizDisplay.tsx
@@ -232,7 +232,12 @@ export function InsightVizDisplay({
                             </div>
                         )}
 
-                        <div className="InsightVizDisplay__content">
+                        <div
+                            className={clsx(
+                                'InsightVizDisplay__content',
+                                supportsDisplay && showLegend && 'InsightVizDisplay__content--with-legend'
+                            )}
+                        >
                             {BlockingEmptyState ? (
                                 BlockingEmptyState
                             ) : supportsDisplay && showLegend ? (