fixing custom link popover size and hiding scroll

cauemarcondes · cauemarcondes · commit d45107eeffb7 · 2020-04-10T14:41:07.000+02:00
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/CustomLink/CustomLinkPopover.tsx b/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/CustomLink/CustomLinkPopover.tsx
@@ -19,6 +19,7 @@ import { ManageCustomLink } from './ManageCustomLink';
 import { px } from '../../../../style/variables';
 
 const ScrollableContainer = styled.div`
+  -ms-overflow-style: none;
   max-height: ${px(535)};
   overflow: scroll;
 `;
diff --git a/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx b/x-pack/legacy/plugins/apm/public/components/shared/TransactionActionMenu/TransactionActionMenu.tsx
@@ -124,7 +124,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = ({
           <ActionMenuButton onClick={() => setIsActionPopoverOpen(true)} />
         }
       >
-        <div style={{ maxHeight: px(600) }}>
+        <div style={{ maxHeight: px(600), width: px(335) }}>
           {isCustomLinksPopoverOpen ? (
             <CustomLinkPopover
               customLinks={customLinks.slice(3, customLinks.length)}

Original file line number	Diff line number	Diff line change
`@@ -124,7 +124,7 @@ export const TransactionActionMenu: FunctionComponent<Props> = ({`
`124`	`124`	`<ActionMenuButton onClick={() => setIsActionPopoverOpen(true)} />`
`125`	`125`	`}`
`126`	`126`	`>`
`127`		`- <div style={{ maxHeight: px(600) }}>`
	`127`	`+ <div style={{ maxHeight: px(600), width: px(335) }}>`
`128`	`128`	`{isCustomLinksPopoverOpen ? (`
`129`	`129`	`<CustomLinkPopover`
`130`	`130`	`customLinks={customLinks.slice(3, customLinks.length)}`