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 - - - - - - + + + - foobar2 - - - -
+
- foobar1 - -
- prop2 - + prop1 + + foobar1 + +
-
+ + 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`] = ` - - - - - + - foobar1 - - - - - - - - -
- prop1 - +
- - - -
- 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 - - + + + + - foobar2 - - - -
+ prop1 + + foobar1 + + + + + + + + + +
-
+ + 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 ( - - {rows} -
+
+ + {rows} +
+
); } }