SONAR-18123 Picking a branch of a project when creating application is hard

diff --git a/server/sonar-web/src/main/js/components/controls/Select.tsx b/server/sonar-web/src/main/js/components/controls/Select.tsx
index ac408a88ecffbfbedefab3cad6126df4b478c6cf..8264eb6e4b7616cc415aaee72c1a0fb54231f26a 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/Select.tsx
+++ b/server/sonar-web/src/main/js/components/controls/Select.tsx
@@ -284,15 +284,29 @@ export function selectStyle<
     menu: () => ({
       borderBottomRightRadius: '4px',
       borderBottomLeftRadius: '4px',
-      backgroundColor: '#fff',
-      border: '1px solid #ccc',
+      backgroundColor: colors.white,
+      border: `1px solid ${colors.neutral200}`,
       borderTopColor: `${colors.barBorderColor}`,
       boxSizing: 'border-box',
       marginTop: '-1px',
       maxHeight: '200px',
+      zIndex: `${zIndexes.dropdownMenuZIndex}`,
+      webkitOverflowScrolling: 'touch',
+      boxShadow: `${others.defaultShadow}`,
       position: 'absolute',
       top: '100%',
       width: '100%',
+    }),
+    menuPortal: (baseStyles) => ({
+      ...baseStyles,
+      borderBottomRightRadius: '4px',
+      borderBottomLeftRadius: '4px',
+      marginTop: '-1px',
+      backgroundColor: colors.white,
+      border: `1px solid ${colors.neutral200}`,
+      borderTopColor: `${colors.barBorderColor}`,
+      boxSizing: 'border-box',
+      maxHeight: '200px',
       zIndex: `${zIndexes.dropdownMenuZIndex}`,
       webkitOverflowScrolling: 'touch',
       boxShadow: `${others.defaultShadow}`,

diff --git a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/Select-test.tsx.snap b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/Select-test.tsx.snap
index 03af858a9094756dfe948f076e980bd0bdc9fe34..bca0cddafdf9784a4853c6e3c5d90160c3c2995a 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/Select-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/Select-test.tsx.snap
@@ -37,6 +37,7 @@ exports[`Select should render complex select component: other props 1`] = `
       "loadingIndicator": [Function],
       "menu": [Function],
       "menuList": [Function],
+      "menuPortal": [Function],
       "multiValue": [Function],
       "multiValueLabel": [Function],
       "multiValueRemove": [Function],
@@ -73,6 +74,7 @@ exports[`Select should render correctly: default 1`] = `
       "loadingIndicator": [Function],
       "menu": [Function],
       "menuList": [Function],
+      "menuPortal": [Function],
       "multiValue": [Function],
       "multiValueLabel": [Function],
       "multiValueRemove": [Function],
@@ -137,6 +139,7 @@ exports[`should render CreatableSelect correctly 1`] = `
       "loadingIndicator": [Function],
       "menu": [Function],
       "menuList": [Function],
+      "menuPortal": [Function],
       "multiValue": [Function],
       "multiValueLabel": [Function],
       "multiValueRemove": [Function],
@@ -212,6 +215,7 @@ exports[`should render SearchSelect correctly 1`] = `
       "loadingIndicator": [Function],
       "menu": [Function],
       "menuList": [Function],
+      "menuPortal": [Function],
       "multiValue": [Function],
       "multiValueLabel": [Function],
       "multiValueRemove": [Function],