diff options
| author | stanislavh <stanislav.honcharov@sonarsource.com> | 2023-01-05 13:01:46 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2023-01-09 20:03:09 +0000 |
| commit | 5c722a2ef9caf40a36c17e97066bccde9291eee6 (patch) | |
| tree | ff2018799938ac6f097e11406caff62526cf2bc7 | |
| parent | 0a5e0f789cdd520c341cf2cdc764a99378e64b36 (diff) | |
| download | sonarqube-5c722a2ef9caf40a36c17e97066bccde9291eee6.tar.gz sonarqube-5c722a2ef9caf40a36c17e97066bccde9291eee6.zip | |
SONAR-18123 Picking a branch of a project when creating application is hard
| -rw-r--r-- | server/sonar-web/src/main/js/components/controls/Select.tsx | 18 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/components/controls/__tests__/__snapshots__/Select-test.tsx.snap | 4 |
2 files changed, 20 insertions, 2 deletions
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 ac408a88ecf..8264eb6e4b7 100644 --- 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 03af858a909..bca0cddafdf 100644 --- 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], |