Skip to content

Commit 0edd2a7

Browse files
sebelgaelizabetdev
sebelga
and
elizabetdev
committed
[Amsterdam theme] Fix issues Index management (#103465)
Co-authored-by: Elizabet Oliveira <elizabet.oliveira@elastic.co>
1 parent 579559f commit 0edd2a7

3 files changed

Lines changed: 38 additions & 23 deletions

File tree

‎x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates.scss‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11

22
/**
33
* [1] Will center vertically the empty search result
4+
* [2] Align the height with the search input height
45
*/
56

67
$heightHeader: $euiSizeL * 2;
@@ -22,10 +23,22 @@ $heightHeader: $euiSizeL * 2;
2223
&__searchBox {
2324
border-bottom: $euiBorderThin;
2425
border-top: $euiBorderThin;
26+
border-top-right-radius: 0;
27+
border-bottom-right-radius: 0;
2528
box-shadow: none;
2629
max-width: initial;
2730
}
2831

32+
&__filterListButton {
33+
border-bottom: $euiBorderThin;
34+
border-top: $euiBorderThin;
35+
border-left: $euiBorderThin;
36+
border-top-left-radius: 0;
37+
border-bottom-left-radius: 0;
38+
box-shadow: none;
39+
height: $euiSizeXXL; /* [2] */
40+
}
41+
2942
&__listWrapper {
3043
height: calc(100% - #{$heightHeader});
3144

‎x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.componentTemplatesListItem {
2-
background-color: $euiColorGhost;
2+
background-color: $euiPageBackgroundColor;
33
padding: $euiSizeM;
44
border-bottom: $euiBorderThin;
55
position: relative;

‎x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/components/filter_list_button.tsx‎

Lines changed: 24 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
import React, { useState } from 'react';
99
import { FormattedMessage } from '@kbn/i18n/react';
10-
import { EuiFilterButton, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
10+
import { EuiFilterButton, EuiPopover, EuiFilterSelectItem, EuiFilterGroup } from '@elastic/eui';
1111

1212
interface Filter {
1313
name: string;
@@ -67,26 +67,28 @@ export function FilterListButton({ onChange, filters }: Props) {
6767
);
6868

6969
return (
70-
<EuiPopover
71-
ownFocus
72-
button={button}
73-
isOpen={isPopoverOpen}
74-
closePopover={closePopover}
75-
panelPaddingSize="none"
76-
data-test-subj="filterList"
77-
>
78-
<div className="euiFilterSelect__items">
79-
{Object.entries(filters).map(([filter, item], index) => (
80-
<EuiFilterSelectItem
81-
checked={(item as Filter).checked}
82-
key={index}
83-
onClick={() => toggleFilter(filter)}
84-
data-test-subj="filterItem"
85-
>
86-
{(item as Filter).name}
87-
</EuiFilterSelectItem>
88-
))}
89-
</div>
90-
</EuiPopover>
70+
<EuiFilterGroup className="componentTemplates__filterListButton">
71+
<EuiPopover
72+
ownFocus
73+
button={button}
74+
isOpen={isPopoverOpen}
75+
closePopover={closePopover}
76+
panelPaddingSize="none"
77+
data-test-subj="filterList"
78+
>
79+
<div className="euiFilterSelect__items">
80+
{Object.entries(filters).map(([filter, item], index) => (
81+
<EuiFilterSelectItem
82+
checked={(item as Filter).checked}
83+
key={index}
84+
onClick={() => toggleFilter(filter)}
85+
data-test-subj="filterItem"
86+
>
87+
{(item as Filter).name}
88+
</EuiFilterSelectItem>
89+
))}
90+
</div>
91+
</EuiPopover>
92+
</EuiFilterGroup>
9193
);
9294
}

0 commit comments

Comments
 (0)