fix(insights): small tweaks for advanced options in 3000 (#19454)

PostHog · Jan 4, 2024 · f4c6a66 · f4c6a66
1 parent 35ff9bf
commit f4c6a66
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx b/frontend/src/queries/nodes/InsightViz/InsightDisplayConfig.tsx
@@ -159,7 +159,7 @@ export function InsightDisplayConfig(): JSX.Element {
                 {advancedOptions.length > 0 && (
                     <LemonMenu items={advancedOptions} closeOnClickInside={false}>
                         <LemonButton size="small" status="stealth">
-                            <span className="font-medium whitespace-nowrap">
+                            <span className="font-medium whitespace-nowrap ligatures-none">
                                 Options{advancedOptionsCount ? ` (${advancedOptionsCount})` : null}
                             </span>
                         </LemonButton>

diff --git a/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx b/frontend/src/scenes/insights/EditorFilters/ShowLegendFilter.tsx
@@ -18,7 +18,7 @@ export function ShowLegendFilter(): JSX.Element | null {
             className="p-1 px-2"
             onChange={toggleShowLegend}
             checked={!!showLegend}
-            label={<span className="font-normal">{showLegend ? 'Hide' : 'Show'} legend</span>}
+            label={<span className="font-normal">Show legend</span>}
             size="small"
         />
     )

diff --git a/frontend/src/styles/utilities.scss b/frontend/src/styles/utilities.scss
@@ -1147,6 +1147,10 @@ $decorations: underline, overline, line-through, no-underline;
     font-family: var(--font-mono);
 }
 
+.ligatures-none {
+    font-variant-ligatures: none;
+}
+
 .opacity-0 {
     opacity: 0;
 }