[K8] Small fixes (#98099)
This commit is contained in:
parent
18d9d435af
commit
8de766904d
|
@ -233,7 +233,7 @@ export function DiscoverFieldSearch({ onChange, value, types, useNewFieldsApi }:
|
|||
|
||||
const footer = () => {
|
||||
return (
|
||||
<EuiPopoverFooter>
|
||||
<EuiPopoverFooter paddingSize="s">
|
||||
<EuiSwitch
|
||||
label={i18n.translate('discover.fieldChooser.filter.hideMissingFieldsLabel', {
|
||||
defaultMessage: 'Hide missing fields',
|
||||
|
@ -291,7 +291,7 @@ export function DiscoverFieldSearch({ onChange, value, types, useNewFieldsApi }:
|
|||
}}
|
||||
button={buttonContent}
|
||||
>
|
||||
<EuiPopoverTitle>
|
||||
<EuiPopoverTitle paddingSize="s">
|
||||
{i18n.translate('discover.fieldChooser.filter.filterByTypeLabel', {
|
||||
defaultMessage: 'Filter by type',
|
||||
})}
|
||||
|
|
|
@ -120,9 +120,10 @@
|
|||
// EDITING MODE
|
||||
|
||||
.embPanel--editing {
|
||||
border-style: dashed;
|
||||
border-color: $euiColorMediumShade;
|
||||
border-style: dashed !important;
|
||||
border-color: $euiColorMediumShade !important;
|
||||
transition: all $euiAnimSpeedFast $euiAnimSlightResistance;
|
||||
border-width: $euiBorderWidthThin;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
|
|
@ -1,5 +1,13 @@
|
|||
.kbnTopNavMenu {
|
||||
margin-right: $euiSizeXS;
|
||||
@include kbnThemeStyle('v7') {
|
||||
margin-right: $euiSizeXS;
|
||||
}
|
||||
|
||||
@include kbnThemeStyle('v8') {
|
||||
button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.kbnTopNavMenu__badgeWrapper {
|
||||
|
|
|
@ -4,4 +4,9 @@
|
|||
|
||||
// Lighten the border color for all states
|
||||
border-color: $euiBorderColor !important; // sass-lint:disable-line no-important
|
||||
|
||||
@include kbnThemeStyle('v8') {
|
||||
border-width: $euiBorderWidthThin;
|
||||
border-style: solid;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,6 +1,12 @@
|
|||
.quickButtonGroup {
|
||||
.quickButtonGroup__button {
|
||||
background-color: $euiColorEmptyShade;
|
||||
@include kbnThemeStyle('v8') {
|
||||
// sass-lint:disable-block no-important
|
||||
border-width: $euiBorderWidthThin !important;
|
||||
border-style: solid !important;
|
||||
border-color: $euiBorderColor !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Temporary fix for two tone icons to make them monochrome
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
import React, { useState } from 'react';
|
||||
import { FormattedMessage } from '@kbn/i18n/react';
|
||||
import { EuiFilterButton, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
|
||||
import { EuiFilterButton, EuiFilterGroup, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
|
||||
|
||||
interface Filter {
|
||||
name: string;
|
||||
|
@ -65,26 +65,28 @@ export function FilterListButton<T extends string>({ onChange, filters }: Props<
|
|||
);
|
||||
|
||||
return (
|
||||
<EuiPopover
|
||||
ownFocus
|
||||
button={button}
|
||||
isOpen={isPopoverOpen}
|
||||
closePopover={closePopover}
|
||||
panelPaddingSize="none"
|
||||
data-test-subj="filterList"
|
||||
>
|
||||
<div className="euiFilterSelect__items">
|
||||
{Object.entries(filters).map(([filter, item], index) => (
|
||||
<EuiFilterSelectItem
|
||||
checked={(item as Filter).checked}
|
||||
key={index}
|
||||
onClick={() => toggleFilter(filter as T)}
|
||||
data-test-subj="filterItem"
|
||||
>
|
||||
{(item as Filter).name}
|
||||
</EuiFilterSelectItem>
|
||||
))}
|
||||
</div>
|
||||
</EuiPopover>
|
||||
<EuiFilterGroup>
|
||||
<EuiPopover
|
||||
ownFocus
|
||||
button={button}
|
||||
isOpen={isPopoverOpen}
|
||||
closePopover={closePopover}
|
||||
panelPaddingSize="none"
|
||||
data-test-subj="filterList"
|
||||
>
|
||||
<div className="euiFilterSelect__items">
|
||||
{Object.entries(filters).map(([filter, item], index) => (
|
||||
<EuiFilterSelectItem
|
||||
checked={(item as Filter).checked}
|
||||
key={index}
|
||||
onClick={() => toggleFilter(filter as T)}
|
||||
data-test-subj="filterItem"
|
||||
>
|
||||
{(item as Filter).name}
|
||||
</EuiFilterSelectItem>
|
||||
))}
|
||||
</div>
|
||||
</EuiPopover>
|
||||
</EuiFilterGroup>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue