[APM] Db Flyout statement fix (#129387)

* fixes for i18 and overflow the code component * fixed the code component and removed a console.log
elastic · Apr 4, 2022 · 0caddf8 · 0caddf8
1 parent f41b533
commit 0caddf8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/...tion_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_db.tsx b/...tion_details/waterfall_with_summary/waterfall_container/waterfall/span_flyout/span_db.tsx
@@ -32,7 +32,12 @@ export function SpanDatabase({ spanDb }: Props) {
         </h3>
       </EuiTitle>
       <EuiSpacer size="s" />
-      <EuiCodeBlock language="sql" fontSize="m" paddingSize="m">
+      <EuiCodeBlock
+        language="sql"
+        fontSize="m"
+        paddingSize="m"
+        overflowHeight={150}
+      >
         {spanDb.statement}
       </EuiCodeBlock>
       <EuiSpacer size="m" />

diff --git a/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx b/x-pack/plugins/apm/public/components/shared/metadata_table/index.tsx
@@ -73,7 +73,10 @@ export function MetadataTable({ sections, isLoading }: Props) {
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiLink href={docLinks.links.apm.metaData} target="_blank">
-            <EuiIcon type="help" /> How to add labels and other data
+            <EuiIcon type="help" />
+            {i18n.translate('xpack.apm.metadata.help', {
+              defaultMessage: 'How to add labels and other data',
+            })}
           </EuiLink>
         </EuiFlexItem>
       </EuiFlexGroup>