ButtonSelect: Fix missing border when dropdown menu is shown (#77677)

This commit is contained in:
Torkel Ödegaard 2023-11-08 14:38:21 +01:00 committed by GitHub
parent 714dd0ec47
commit a46ff31c4f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 3 deletions

View File

@ -27,6 +27,7 @@ export const Basic: StoryFn<typeof ButtonSelect> = (args) => {
return (
<div style={{ marginLeft: '100px', position: 'relative', display: 'inline-block' }}>
<ButtonSelect
variant="canvas"
{...args}
onChange={(value) => {
action('onChange fired')(value);

View File

@ -8,7 +8,6 @@ import React, { HTMLAttributes } from 'react';
import { GrafanaTheme2, SelectableValue } from '@grafana/data';
import { useStyles2 } from '../../themes/ThemeContext';
import { ButtonGroup } from '../Button';
import { ClickOutsideWrapper } from '../ClickOutsideWrapper/ClickOutsideWrapper';
import { Menu } from '../Menu/Menu';
import { MenuItem } from '../Menu/MenuItem';
@ -46,7 +45,7 @@ const ButtonSelectComponent = <T,>(props: Props<T>) => {
};
return (
<ButtonGroup className={styles.wrapper}>
<div className={styles.wrapper}>
<ToolbarButton
className={className}
isOpen={state.isOpen}
@ -83,7 +82,7 @@ const ButtonSelectComponent = <T,>(props: Props<T>) => {
</ClickOutsideWrapper>
</div>
)}
</ButtonGroup>
</div>
);
};