updating button colors and moving history button back to the left
This commit is contained in:
parent
8d42acd376
commit
51f84e9175
|
@ -146,6 +146,7 @@ export function SavedViewsToolbarControls<ViewState>(props: Props<ViewState>) {
|
|||
data-test-subj="savedViews-openPopover"
|
||||
iconType="arrowDown"
|
||||
iconSide="right"
|
||||
color="text"
|
||||
>
|
||||
{currentView
|
||||
? currentView.name
|
||||
|
|
|
@ -47,7 +47,6 @@ export const BottomDrawer: React.FC<{
|
|||
return (
|
||||
<BottomActionContainer ref={isOpen ? measureRef : null} isOpen={isOpen} outerWidth={width}>
|
||||
<BottomActionTopBar ref={isOpen ? null : measureRef}>
|
||||
<LeftSideSpacer />
|
||||
<EuiFlexItem grow={false}>
|
||||
<ShowHideButton
|
||||
aria-expanded={isOpen}
|
||||
|
@ -87,6 +86,6 @@ const ShowHideButton = euiStyled(EuiButtonEmpty).attrs({ size: 's' })`
|
|||
width: 140px;
|
||||
`;
|
||||
|
||||
const LeftSideSpacer = euiStyled(EuiSpacer).attrs({ size: 'xs' })`
|
||||
const RightSideSpacer = euiStyled(EuiSpacer).attrs({ size: 'xs' })`
|
||||
width: 140px;
|
||||
`;
|
||||
|
|
|
@ -78,14 +78,13 @@ export const LegendControls = ({
|
|||
const buttonComponent = (
|
||||
<EuiButtonIcon
|
||||
iconType="color"
|
||||
color="primary"
|
||||
color="text"
|
||||
display="base"
|
||||
size="m"
|
||||
size="s"
|
||||
aria-label={i18n.translate('xpack.infra.legendControls.buttonLabel', {
|
||||
defaultMessage: 'configure legend',
|
||||
})}
|
||||
onClick={() => setPopoverState(true)}
|
||||
style={{ width: 50 }}
|
||||
/>
|
||||
);
|
||||
|
||||
|
|
|
@ -37,8 +37,8 @@ export const ViewSwitcher = ({ view, onChange }: Props) => {
|
|||
defaultMessage: 'Switch between table and map view',
|
||||
})}
|
||||
options={buttons}
|
||||
color="primary"
|
||||
buttonSize="m"
|
||||
color="text"
|
||||
buttonSize="s"
|
||||
idSelected={view}
|
||||
onChange={onChange}
|
||||
isIconOnly
|
||||
|
|
Loading…
Reference in a new issue