DataTrails: Sticky controls (#83286)

* DataTrails: Sticky controls * Update
2024-02-23 16:22:34 +01:00
parent 49e18a3e7a
commit ea8b3267e5
1 changed files with 5 additions and 1 deletions
@@ -235,13 +235,17 @@ function getStyles(theme: GrafanaTheme2) {
      flexGrow: 1,
      display: 'flex',
      flexDirection: 'column',
-      gap: theme.spacing(1),
    }),
    controls: css({
      display: 'flex',
      gap: theme.spacing(1),
+      padding: theme.spacing(1, 0),
      alignItems: 'flex-end',
      flexWrap: 'wrap',
+      position: 'sticky',
+      background: theme.isDark ? theme.colors.background.canvas : theme.colors.background.primary,
+      zIndex: theme.zIndex.activePanel + 1,
+      top: 0,
    }),
  };
 }