fix(ScenesProfileExplorer): Make labels more responsive on smaller sc…

…reens
grafana · Aug 23, 2024 · 10c97dc · 10c97dc · github-actions · Aug 23, 2024
1 parent 5b4058a
commit 10c97dc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/pages/ProfilesExplorerView/components/SceneProfilesExplorer/SceneProfilesExplorer.tsx b/src/pages/ProfilesExplorerView/components/SceneProfilesExplorer/SceneProfilesExplorer.tsx
@@ -415,6 +415,11 @@ const getStyles = (theme: GrafanaTheme2) => ({
   `,
   dataSourceVariable: css`
     display: flex;
+    ${theme.breakpoints.down('xl')} {
+      label {
+        display: none;
+      }
+    }
   `,
   variable: css`
     display: flex;

diff --git a/...ages/ProfilesExplorerView/components/SceneProfilesExplorer/ui/ExplorationTypeSelector.tsx b/...ages/ProfilesExplorerView/components/SceneProfilesExplorer/ui/ExplorationTypeSelector.tsx
@@ -48,6 +48,11 @@ const getStyles = (theme: GrafanaTheme2) => ({
   explorationTypeContainer: css`
     display: flex;
     align-items: center;
+    ${theme.breakpoints.down('xl')} {
+      label {
+        display: none;
+      }
+    }
   `,
   breadcrumb: css`
     height: 32px;