IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

TextboxVariable: Limits the length of the preview value (#32472)

Browse Source
This commit is contained in:
Hugo Häggmark 2021-03-31 06:59:43 +02:00 committed by GitHub
parent 904187eb5a
commit 2def9a8172
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/features/variables/editor/VariableValuesPreview.tsx
View File

@ -35,7 +35,7 @@ export const VariableValuesPreview: React.FunctionComponent<VariableValuesPrevie
{previewOptions.map((o, index) => (
<InlineFieldRow key={`${o.value}-${index}`} className={styles.optionContainer}>
<InlineLabel aria-label={selectors.pages.Dashboard.Settings.Variables.Edit.General.previewOfValuesOption}>
{o.text}
<div className={styles.label}>{o.text}</div>
</InlineLabel>
</InlineFieldRow>
))}
@ -63,5 +63,11 @@ function getStyles(theme: GrafanaTheme) {
margin-left: ${theme.spacing.xs};
margin-bottom: ${theme.spacing.xs};
`,
label: css`
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50vw;
`,
};
}