fix: popover arrow background color (#18867)

PostHog · Nov 29, 2023 · 8288972 · 8288972
1 parent 7ff2199
commit 8288972
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 3 deletions.
diff --git a/frontend/src/lib/lemon-ui/Popover/Popover.scss b/frontend/src/lib/lemon-ui/Popover/Popover.scss
@@ -111,28 +111,48 @@
     background: var(--bg-3000);
     transform: rotate(45deg);
 
+    .posthog-3000 & {
+        background: var(--bg-light);
+    }
+
     [data-placement^='bottom'] & {
         top: -0.25rem;
         border-top: 1px solid var(--border);
         border-left: 1px solid var(--border);
+
+        .posthog-3000 & {
+            top: -0.3rem;
+        }
     }
 
     [data-placement^='top'] & {
         bottom: -0.25rem;
         border-right: 1px solid var(--border);
         border-bottom: 1px solid var(--border);
+
+        .posthog-3000 & {
+            bottom: -0.3rem;
+        }
     }
 
     [data-placement^='left'] & {
         right: -0.25rem;
         border-top: 1px solid var(--border);
         border-right: 1px solid var(--border);
+
+        .posthog-3000 & {
+            right: -0.3rem;
+        }
     }
 
     [data-placement^='right'] & {
         left: -0.25rem;
         border-bottom: 1px solid var(--border);
         border-left: 1px solid var(--border);
+
+        .posthog-3000 & {
+            left: -0.3rem;
+        }
     }
 
     .Popover--actionable & {

diff --git a/frontend/src/scenes/experiments/Experiment.scss b/frontend/src/scenes/experiments/Experiment.scss
@@ -23,7 +23,7 @@
             }
 
             .ant-slider-rail {
-                background-color: var(--primary-highlight);
+                background-color: var(--primary-3000-highlight);
             }
         }
     }

diff --git a/frontend/src/scenes/experiments/ExperimentPreview.tsx b/frontend/src/scenes/experiments/ExperimentPreview.tsx
@@ -123,8 +123,8 @@ export function ExperimentPreview({
                                     value={minimumDetectableChange}
                                     min={1}
                                     max={sliderMaxValue}
-                                    trackStyle={{ background: 'var(--primary)' }}
-                                    handleStyle={{ background: 'var(--primary)' }}
+                                    trackStyle={{ background: 'var(--primary-3000)' }}
+                                    handleStyle={{ background: 'var(--primary-3000)' }}
                                     onChange={(value) => {
                                         setExperiment({
                                             parameters: {
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,7 +23,7 @@ @@
                 }
                 .ant-slider-rail {
-                    background-color: var(--primary-highlight);
+                    background-color: var(--primary-3000-highlight);
                 }
             }
         }
@@ Expand Down @@