Dashboard Scene - Variable Fix: cancel out margin-bottom of placeholder in loading state (#87107)

fix: cancel out margin-bottom of placeholder in loading state
2024-04-30 10:54:25 +02:00
parent 9369f07e32
commit 6dbc44920c
1 changed files with 8 additions and 1 deletions
@@ -152,7 +152,11 @@ export function VariableEditorForm({
              data-testid={selectors.pages.Dashboard.Settings.Variables.Edit.General.submitButton}
              onClick={onRunQuery}
            >
-              {runQueryState.loading ? <LoadingPlaceholder text="Running query..." /> : `Run query`}
+              {runQueryState.loading ? (
+                <LoadingPlaceholder className={styles.loadingPlaceHolder} text="Running query..." />
+              ) : (
+                `Run query`
+              )}
            </Button>
          )}
        </Stack>
@@ -165,4 +169,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
  buttonContainer: css({
    marginTop: theme.spacing(2),
  }),
+  loadingPlaceHolder: css({
+    marginBottom: 0,
+  }),
 });