maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Observability] [Exploratory view] update v7 button styles (#100113)

Browse source 
Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Dominique Clarke 2021-05-14 12:19:31 -04:00 committed by GitHub
parent df47ae1e1d
commit 42fa42a00a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/data_types_col.tsx
View file

@ -40,7 +40,7 @@ export function DataTypesCol({ seriesId }: { seriesId: string }) {
<FlexGroup direction="column" gutterSize="xs">
{dataTypes.map(({ id: dataTypeId, label }) => (
<EuiFlexItem key={dataTypeId}>
<EuiButton
<Button
size="s"
iconSide="right"
iconType="arrowRight"
@ -53,7 +53,7 @@ export function DataTypesCol({ seriesId }: { seriesId: string }) {
}}
>
{label}
</EuiButton>
</Button>
</EuiFlexItem>
))}
</FlexGroup>
@ -63,3 +63,7 @@ export function DataTypesCol({ seriesId }: { seriesId: string }) {
const FlexGroup = styled(EuiFlexGroup)`
width: 100%;
`;
const Button = styled(EuiButton)`
will-change: transform;
`;

8
x-pack/plugins/observability/public/components/shared/exploratory_view/series_builder/columns/report_types_col.tsx
View file

@ -41,7 +41,7 @@ export function ReportTypesCol({ seriesId, reportTypes }: Props) {
<FlexGroup direction="column" gutterSize="xs">
{reportTypes.map(({ id: reportType, label }) => (
<EuiFlexItem key={reportType}>
<EuiButton
<Button
fullWidth
size="s"
iconSide="right"
@ -67,7 +67,7 @@ export function ReportTypesCol({ seriesId, reportTypes }: Props) {
}}
>
{label}
</EuiButton>
</Button>
</EuiFlexItem>
))}
</FlexGroup>
@ -84,3 +84,7 @@ export const SELECTED_DATA_TYPE_FOR_REPORT = i18n.translate(
const FlexGroup = styled(EuiFlexGroup)`
width: 100%;
`;
const Button = styled(EuiButton)`
will-change: transform;
`;