use "plot" as classname for observable things

flatironinstitute · Feb 13, 2024 · 7f9ebbb · 7f9ebbb
1 parent ba693d4
commit 7f9ebbb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/flatfront/src/components/PlotHelpers.tsx b/flatfront/src/components/PlotHelpers.tsx
@@ -187,6 +187,7 @@ export function get_observable_options(
   const width = 700;
   const height = width / aspect;
   const base: Plot.PlotOptions = {
+    className: `plot`,
     marginLeft: 60,
     marginBottom: 50,
     width,

diff --git a/flatfront/src/global.css b/flatfront/src/global.css
@@ -64,7 +64,7 @@
     --input: 0 0% 14.9%;
     --ring: 0 0% 83.1%;
 
-    svg g[aria-label="tip"] {
+    svg.plot g[aria-label="tip"] {
       fill: hsl(var(--background));
     }
   }