fix ActionsDropdown menu position

2 files changed, 9 insertions, 3 deletions

diff --git a/server/sonar-web/src/main/js/apps/projectActivity/components/ProjectActivityAnalysis.js b/server/sonar-web/src/main/js/apps/projectActivity/components/ProjectActivityAnalysis.js
index b26471cec14..93ed50a596b 100644
--- a/server/sonar-web/src/main/js/apps/projectActivity/components/ProjectActivityAnalysis.js
+++ b/server/sonar-web/src/main/js/apps/projectActivity/components/ProjectActivityAnalysis.js
@@ -80,7 +80,7 @@ export default class ProjectActivityAnalysis extends React.PureComponent {
 
         {(canAddVersion || canAddEvent || canDeleteAnalyses) && (
           <div className="project-activity-analysis-actions big-spacer-right">
-            <ActionsDropdown small={true} toggleClassName="js-analysis-actions">
+            <ActionsDropdown menuPosition="left" small={true} toggleClassName="js-analysis-actions">
               {canAddVersion && (
                 <AddEventForm
                   addEvent={this.props.addVersion}
diff --git a/server/sonar-web/src/main/js/components/controls/ActionsDropdown.tsx b/server/sonar-web/src/main/js/components/controls/ActionsDropdown.tsx
index 04a4426cf44..c23f62d0f94 100644
--- a/server/sonar-web/src/main/js/components/controls/ActionsDropdown.tsx
+++ b/server/sonar-web/src/main/js/components/controls/ActionsDropdown.tsx
@@ -26,11 +26,12 @@ import SettingsIcon from '../icons-components/SettingsIcon';
 interface Props {
   className?: string;
   children: React.ReactNode;
+  menuPosition?: 'left' | 'right';
   small?: boolean;
   toggleClassName?: string;
 }
 
-export default function ActionsDropdown(props: Props) {
+export default function ActionsDropdown({ menuPosition = 'right', ...props }: Props) {
   return (
     <div className={classNames('dropdown', props.className)}>
       <button
@@ -41,7 +42,12 @@ export default function ActionsDropdown(props: Props) {
         <SettingsIcon className="text-text-bottom" />
         <i className="icon-dropdown little-spacer-left" />
       </button>
-      <ul className="dropdown-menu">{props.children}</ul>
+      <ul
+        className={classNames('dropdown-menu', {
+          'dropdown-menu-right': menuPosition === 'right'
+        })}>
+        {props.children}
+      </ul>
     </div>
   );
 }