diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-asymmetric-intervals--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-asymmetric-intervals--dark.png index dbff6014708a6..df22ebb39cd7b 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-asymmetric-intervals--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-asymmetric-intervals--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--dark.png index ed5d2458a110e..1d1f4aebe7612 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--light.png index 6fa5f9290e04d..6685d230d9dc3 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-five-variants--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--dark.png index 6696336a3918c..f02725df74fd9 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--light.png index 971d9b63e744e..9bfff80fd9a1d 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-frequentist-two-variants--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--dark.png index 44ced5b797669..16dad531468d2 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--light.png index 81b97f0cb5c38..837ef26e75a83 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-funnel-metric--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--dark.png index 305b9a9c37376..bec856e1fe233 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--light.png index bf716067e9e34..d9b4f1775922a 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-mean-metric--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--dark.png index 607c5239783d5..8b86d61e77c63 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--light.png index 0748265be8954..54d396fa87430 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--dark.png index 6d8747e7f35a9..d7fbd5338da5f 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--light.png index 762ae55fc4e44..f1b60b377998a 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-multiple-metrics-reordered--light.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--dark.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--dark.png index c468493f034d9..28ecb2e392b7e 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--dark.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--dark.png differ diff --git a/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--light.png b/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--light.png index 204bbbf7e265b..53d2cfb850374 100644 Binary files a/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--light.png and b/frontend/__snapshots__/scenes-app-experiments--experiment-with-ratio-metric--light.png differ diff --git a/frontend/src/scenes/experiments/ExperimentView/Exposures.tsx b/frontend/src/scenes/experiments/ExperimentView/Exposures.tsx index f192c3f8ea3a5..3216828646bf5 100644 --- a/frontend/src/scenes/experiments/ExperimentView/Exposures.tsx +++ b/frontend/src/scenes/experiments/ExperimentView/Exposures.tsx @@ -192,7 +192,7 @@ export function Exposures(): JSX.Element { const headerContent = { style: { backgroundColor: 'var(--color-bg-table)' }, children: ( -
+
Exposures {!isExperimentDraft && ( @@ -220,12 +220,10 @@ export function Exposures(): JSX.Element {
{variants.map(({ variant, percentage }) => (
-
+
- - {percentage.toFixed(1)}% - + {percentage.toFixed(1)}%
))}
diff --git a/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.scss b/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.scss new file mode 100644 index 0000000000000..ce9680f051085 --- /dev/null +++ b/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.scss @@ -0,0 +1,5 @@ +.metric-cell { + font-size: 13px; + font-weight: 500; + color: #404040; +} diff --git a/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.tsx b/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.tsx index 816a05f5c837d..5b9b62caff7eb 100644 --- a/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.tsx +++ b/frontend/src/scenes/experiments/MetricsView/new/MetricRowGroup.tsx @@ -1,3 +1,5 @@ +import './MetricRowGroup.scss' + import { useValues } from 'kea' import { useRef, useState } from 'react' import { createPortal } from 'react-dom' @@ -317,12 +319,12 @@ export function MetricRowGroup({ {/* Variant name */} -
{baselineResult.key}
+
{baselineResult.key}
{/* Value */} @@ -332,8 +334,8 @@ export function MetricRowGroup({ } ${variantResults.length === 0 ? 'border-b' : ''}`} style={{ height: `${CELL_HEIGHT}px`, maxHeight: `${CELL_HEIGHT}px` }} > -
-
{formatMetricValue(baselineResult, metric)}
+
+
{formatMetricValue(baselineResult, metric)}
{ratioMetricLabel(baselineResult, metric)}
@@ -345,7 +347,7 @@ export function MetricRowGroup({ } ${variantResults.length === 0 ? 'border-b' : ''}`} style={{ height: `${CELL_HEIGHT}px`, maxHeight: `${CELL_HEIGHT}px` }} > -
+
{/* Details column - with rowspan */} @@ -433,7 +435,7 @@ export function MetricRowGroup({ } ${isLastRow ? 'border-b' : ''}`} style={{ height: `${CELL_HEIGHT}px`, maxHeight: `${CELL_HEIGHT}px` }} > -
{variant.key}
+
{variant.key}
{/* Value */} @@ -443,8 +445,8 @@ export function MetricRowGroup({ } ${isLastRow ? 'border-b' : ''}`} style={{ height: `${CELL_HEIGHT}px`, maxHeight: `${CELL_HEIGHT}px` }} > -
-
{formatMetricValue(variant, metric)}
+
+
{formatMetricValue(variant, metric)}
{ratioMetricLabel(variant, metric)}
@@ -456,14 +458,14 @@ export function MetricRowGroup({ } ${isLastRow ? 'border-b' : ''}`} style={{ height: `${CELL_HEIGHT}px`, maxHeight: `${CELL_HEIGHT}px` }} > -
+
{deltaText}