From e16953e71a1166cc75fe42167e576345ae137588 Mon Sep 17 00:00:00 2001
From: Sander Philipse <94373878+sphilipse@users.noreply.github.com>
Date: Wed, 21 Dec 2022 17:37:39 +0100
Subject: [PATCH] [Enterprise Search] Fix styling for reorderable tables
(#147929)
This updates Enterprise Search table styling to match what it was before
recent EUI updates.
Before:
After:
---
.../components/search_index/search_index.tsx | 2 +-
.../reorderable_table/reorderable_table.scss | 20 ++++++++-----------
2 files changed, 9 insertions(+), 13 deletions(-)
diff --git a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/search_index.tsx b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/search_index.tsx
index 7e5a7c2284f13..afb754c07d785 100644
--- a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/search_index.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_index/search_index.tsx
@@ -112,7 +112,7 @@ export const SearchIndex: React.FC = () => {
content: ,
id: SearchIndexTabId.INDEX_MAPPINGS,
name: i18n.translate('xpack.enterpriseSearch.content.searchIndex.indexMappingsTabLabel', {
- defaultMessage: 'Index Mappings',
+ defaultMessage: 'Index mappings',
}),
},
];
diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/reorderable_table.scss b/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/reorderable_table.scss
index c2bb212fe6939..33bc894a0737b 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/reorderable_table.scss
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/reorderable_table.scss
@@ -1,5 +1,11 @@
.reorderableTable {
+ &Header {
+ > .euiFlexGroup {
+ margin: $euiSizeXS 0;
+ }
+ }
+
&NoItems {
border-top: $euiBorderThin;
background-color: $euiColorEmptyShade;
@@ -9,18 +15,8 @@
border-top: $euiBorderThin;
background-color: $euiColorEmptyShade;
- > .euiFlexGroup {
- margin: 0;
- }
-
- > .euiFlexGroup:nth-child(2) > .euiFlexItem {
- margin-top: 0;
- }
- }
-
- &Header {
- > .euiFlexGroup {
- margin: ($euiSizeM * -1) 0;
+ > .euiFlexGroup > .euiFlexItem {
+ margin: $euiSizeM 0;
}
}