mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
ButtonSelect: Fix missing border when dropdown menu is shown (#77677)
This commit is contained in:
parent
714dd0ec47
commit
a46ff31c4f
@ -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);
|
||||
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user