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

Scenes: Adjust styles to allow shrinking of variable selectors (#87085)

Browse Source
This commit is contained in:
kay delaney 2024-05-02 16:23:29 +01:00 committed by GitHub
parent b7df129b78
commit bc9010a95b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/grafana-ui/src/components/Select/ValueContainer.tsx
View File

@ -33,11 +33,10 @@ class UnthemedValueContainer extends Component<any & { theme: GrafanaTheme2 }> {
const noWrap = this.props.selectProps?.noMultiValueWrap && !this.props.selectProps?.menuIsOpen; const noWrap = this.props.selectProps?.noMultiValueWrap && !this.props.selectProps?.menuIsOpen;
const styles = getSelectStyles(theme); const styles = getSelectStyles(theme);
const dataTestid = selectProps['data-testid']; const dataTestid = selectProps['data-testid'];
const className = cx( const className = cx(styles.valueContainer, {
styles.valueContainer, [styles.valueContainerMulti]: isMulti && !noWrap,
isMulti && styles.valueContainerMulti, [styles.valueContainerMultiNoWrap]: isMulti && noWrap,
noWrap && styles.valueContainerMultiNoWrap });
);
return ( return (
<div data-testid={dataTestid} className={className}> <div data-testid={dataTestid} className={className}>

3
packages/grafana-ui/src/components/Select/getSelectStyles.ts
View File

@ -97,7 +97,8 @@ export const getSelectStyles = stylesFactory((theme: GrafanaTheme2) => {
display: 'flex', display: 'flex',
}), }),
valueContainerMultiNoWrap: css({ valueContainerMultiNoWrap: css({
flexWrap: 'nowrap', display: 'grid',
gridAutoFlow: 'column',
}), }),
loadingMessage: css({ loadingMessage: css({
label: 'grafana-select-loading-message', label: 'grafana-select-loading-message',