diff options
| author | Guillaume Peoc'h <guillaume.peoch@sonarsource.com> | 2022-01-18 17:43:28 +0100 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2022-01-20 20:02:44 +0000 |
| commit | 1dc59e984548492542cbbae727808ea10ae2ad58 (patch) | |
| tree | 01d03ad4ad5b328c1b6a02c22bd66699728fe0f6 /server/sonar-web/src/main/js/apps/code | |
| parent | 18b2293d3f92efda6189c8a69d402ba21d41687c (diff) | |
| download | sonarqube-1dc59e984548492542cbbae727808ea10ae2ad58.tar.gz sonarqube-1dc59e984548492542cbbae727808ea10ae2ad58.zip | |
SONAR-15882 warning align text and tooltip
Diffstat (limited to 'server/sonar-web/src/main/js/apps/code')
| -rw-r--r-- | server/sonar-web/src/main/js/apps/code/components/CodeApp.tsx | 19 | ||||
| -rw-r--r-- | server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/CodeApp-test.tsx.snap | 14 |
2 files changed, 21 insertions, 12 deletions
diff --git a/server/sonar-web/src/main/js/apps/code/components/CodeApp.tsx b/server/sonar-web/src/main/js/apps/code/components/CodeApp.tsx index 3f1d6d48ce7..c1d88989529 100644 --- a/server/sonar-web/src/main/js/apps/code/components/CodeApp.tsx +++ b/server/sonar-web/src/main/js/apps/code/components/CodeApp.tsx @@ -298,12 +298,14 @@ export class CodeApp extends React.Component<Props, State> { <div className="page page-limited"> {!canBrowseAllChildProjects && isPortfolioLike(qualifier) && ( <StyledAlert variant="warning"> - {translate('component_measures.not_all_measures_are_shown')} - <HelpTooltip - className="spacer-left" - ariaLabel={translate('component_measures.not_all_measures_are_shown.help')} - overlay={translate('component_measures.not_all_measures_are_shown.help')} - /> + <AlertContent> + {translate('component_measures.not_all_measures_are_shown')} + <HelpTooltip + className="spacer-left" + ariaLabel={translate('component_measures.not_all_measures_are_shown.help')} + overlay={translate('component_measures.not_all_measures_are_shown.help')} + /> + </AlertContent> </StyledAlert> )} <Suggestions suggestions="code" /> @@ -401,6 +403,11 @@ const StyledAlert = styled(Alert)` margin-bottom: 15px; `; +const AlertContent = styled.div` + display: flex; + align-items: center; +`; + const mapStateToProps = (state: any): StateToProps => ({ metrics: getMetrics(state) }); diff --git a/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/CodeApp-test.tsx.snap b/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/CodeApp-test.tsx.snap index ad7f2051d1c..04fb66277ed 100644 --- a/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/CodeApp-test.tsx.snap +++ b/server/sonar-web/src/main/js/apps/code/components/__tests__/__snapshots__/CodeApp-test.tsx.snap @@ -175,12 +175,14 @@ exports[`should render a warning message when user does not have access to all p <Styled(Alert) variant="warning" > - component_measures.not_all_measures_are_shown - <HelpTooltip - ariaLabel="component_measures.not_all_measures_are_shown.help" - className="spacer-left" - overlay="component_measures.not_all_measures_are_shown.help" - /> + <Styled(div)> + component_measures.not_all_measures_are_shown + <HelpTooltip + ariaLabel="component_measures.not_all_measures_are_shown.help" + className="spacer-left" + overlay="component_measures.not_all_measures_are_shown.help" + /> + </Styled(div)> </Styled(Alert)> <Suggestions suggestions="code" |