Query Editor: Hide overflow for long query names (#58840)

hides overflow for long query names
This commit is contained in:
matt abrams 2022-11-16 18:22:06 +01:00 committed by GitHub
parent f254a37d35
commit d9b8b761e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -153,6 +153,7 @@ const getStyles = (theme: GrafanaTheme2) => {
display: flex;
align-items: center;
margin-left: ${theme.spacing(0.5)};
overflow: hidden;
`,
queryNameWrapper: css`
display: flex;
@ -163,6 +164,7 @@ const getStyles = (theme: GrafanaTheme2) => {
padding: 0 0 0 ${theme.spacing(0.5)};
margin: 0;
background: transparent;
overflow: hidden;
&:hover {
background: ${theme.colors.action.hover};
@ -214,6 +216,7 @@ const getStyles = (theme: GrafanaTheme2) => {
font-style: italic;
color: ${theme.colors.text.secondary};
padding-left: 10px;
padding-right: 10px;
`,
itemWrapper: css`
display: flex;