diff --git a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/feature_properties.test.tsx.snap b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/feature_properties.test.tsx.snap
index 951f65da05df0..12ed9e96b5a9b 100644
--- a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/feature_properties.test.tsx.snap
+++ b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/__snapshots__/feature_properties.test.tsx.snap
@@ -1,44 +1,48 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`FeatureProperties should render 1`] = `
-
-
-
- |
+ |
+
- prop1
-
- |
- foobar1
- |
- |
-
-
- |
- prop2
- |
-
+ prop1
+ |
+
+ foobar1
+ |
+ |
+
+
- foobar2
-
- |
-
-
-
+
+ prop2
+ |
+
+ foobar2
+ |
+ |
+
+
+
+
`;
exports[`FeatureProperties should show error message if unable to load tooltip content 1`] = `
@@ -55,81 +59,28 @@ exports[`FeatureProperties should show error message if unable to load tooltip c
`;
exports[`FeatureProperties should show filter button for filterable properties 1`] = `
-
-
-
- |
- prop1
- |
-
+ |
+
- foobar1
-
- |
-
-
-
- |
-
-
- |
- prop2
- |
-
- foobar2
- |
- |
-
-
-
-`;
-
-exports[`FeatureProperties should show view actions button when there are available actions 1`] = `
-
-
-
- |
- prop1
- |
-
- foobar1
- |
-
-
+ prop1
+ |
+
+ foobar1
+ |
+
-
-
-
-
- |
-
-
- |
+ |
+
+ |
+ prop2
+ |
+
+ foobar2
+ |
+ |
+
+
+
+
+`;
+
+exports[`FeatureProperties should show view actions button when there are available actions 1`] = `
+
+
+
+
- prop2
-
- |
+ prop1
+ |
+
+ foobar1
+ |
+
+
+
+
+
+
+
+
+
+ |
+
+
- foobar2
-
- |
-
-
-
+
+ prop2
+ |
+
+ foobar2
+ |
+
|
+
+
+
+
`;
diff --git a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/_index.scss b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/_index.scss
index 92df0ffbaad92..cc2acdf78c7de 100644
--- a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/_index.scss
+++ b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/_index.scss
@@ -1,12 +1,16 @@
.mapFeatureTooltip_table {
width: 100%;
- max-height: calc(49vh - #{$euiSizeXL * 2});
td {
padding: $euiSizeXS;
}
}
+.mapFeatureTooltip_tableWrapper {
+ overflow: auto;
+ max-height: calc(49vh - 64px);
+}
+
.mapFeatureTooltip_row {
border-bottom: 1px solid $euiColorLightestShade;
}
@@ -20,6 +24,7 @@
}
.mapFeatureTooltip__propertyLabel {
+ min-width: $euiSizeXL * 2.5;
max-width: $euiSizeXL * 4;
font-weight: $euiFontWeightSemiBold;
}
diff --git a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
index ca291f585590a..71d50d06b62e4 100644
--- a/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
+++ b/x-pack/plugins/maps/public/connected_components/mb_map/tooltip_control/features_tooltip/feature_properties.tsx
@@ -336,9 +336,11 @@ export class FeatureProperties extends Component {
});
return (
-
+
);
}
}