github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Amsterdam theme] Fix issues Index management (#103465)

Browse source 
Co-authored-by: Elizabet Oliveira <elizabet.oliveira@elastic.co>
This commit is contained in:
Sébastien Loix 2021-06-30 17:59:14 +01:00 • committed by GitHub
parent c5c68749b4
commit c5741e8b77
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 38 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

13
x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates.scss
View file

@ -1,6 +1,7 @@
/**
* [1] Will center vertically the empty search result
* [2] Align the height with the search input height
*/
$heightHeader: $euiSizeL * 2;
@ -22,10 +23,22 @@ $heightHeader: $euiSizeL * 2;
&__searchBox {
border-bottom: $euiBorderThin;
border-top: $euiBorderThin;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
max-width: initial;
}
&__filterListButton {
border-bottom: $euiBorderThin;
border-top: $euiBorderThin;
border-left: $euiBorderThin;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
box-shadow: none;
height: $euiSizeXXL; /* [2] */
}
&__listWrapper {
height: calc(100% - #{$heightHeader});

2
x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/component_templates_list_item.scss
View file

@ -1,5 +1,5 @@
.componentTemplatesListItem {
background-color: $euiColorGhost;
background-color: $euiPageBackgroundColor;
padding: $euiSizeM;
border-bottom: $euiBorderThin;
position: relative;

46
x-pack/plugins/index_management/public/application/components/component_templates/component_template_selector/components/filter_list_button.tsx
View file

@ -7,7 +7,7 @@
import React, { useState } from 'react';
import { FormattedMessage } from '@kbn/i18n/react';
import { EuiFilterButton, EuiPopover, EuiFilterSelectItem } from '@elastic/eui';
import { EuiFilterButton, EuiPopover, EuiFilterSelectItem, EuiFilterGroup } from '@elastic/eui';
interface Filter {
name: string;
@ -67,26 +67,28 @@ export function FilterListButton({ 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)}
data-test-subj="filterItem"
>
{(item as Filter).name}
</EuiFilterSelectItem>
))}
</div>
</EuiPopover>
<EuiFilterGroup className="componentTemplates__filterListButton">
<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)}
data-test-subj="filterItem"
>
{(item as Filter).name}
</EuiFilterSelectItem>
))}
</div>
</EuiPopover>
</EuiFilterGroup>
);
}