Fix Query Editor Row horizontal overflow (#39419) (#39460)

(cherry picked from commit 42b1fa0f62) Co-authored-by: Giordano Ricci <me@giordanoricci.com>
2021-09-21 12:18:24 +01:00
parent 88ea42ab9c
commit 698c13482a
2 changed files with 2 additions and 0 deletions
@@ -147,6 +147,7 @@ const getStyles = (theme: GrafanaTheme) => {
      align-items: center;
      flex-grow: 1;
      margin-left: ${theme.spacing.xs};
+      overflow: hidden;

      &:hover {
        .query-name-wrapper {
@@ -142,6 +142,7 @@
  flex: 1 1 auto;
  flex-direction: column;
  height: 100vh;
+  width: 100%;
 }

 .explore.explore-live {