diff options
| author | Revanshu Paliwal <revanshu.paliwal@sonarsource.com> | 2023-07-28 11:20:40 +0200 |
|---|---|---|
| committer | sonartech <sonartech@sonarsource.com> | 2023-07-31 20:03:31 +0000 |
| commit | 24f170413f40cba5c6c4bd1a8872307a427cb28f (patch) | |
| tree | ae295ce3f56add750101ce78f8778300f7dff694 /server/sonar-web/design-system/src | |
| parent | 6cb1c5332fc28391af46f00252db894954d10dfd (diff) | |
| download | sonarqube-24f170413f40cba5c6c4bd1a8872307a427cb28f.tar.gz sonarqube-24f170413f40cba5c6c4bd1a8872307a427cb28f.zip | |
SONAR-19896 UI improvements for project activity page
Diffstat (limited to 'server/sonar-web/design-system/src')
3 files changed, 8 insertions, 8 deletions
diff --git a/server/sonar-web/design-system/src/components/NewCodeLegend.tsx b/server/sonar-web/design-system/src/components/NewCodeLegend.tsx index a6342d22413..688d5b27ac9 100644 --- a/server/sonar-web/design-system/src/components/NewCodeLegend.tsx +++ b/server/sonar-web/design-system/src/components/NewCodeLegend.tsx @@ -26,9 +26,9 @@ import { themeColor } from '../helpers/theme'; export const NewCodeLegendIcon = styled.span` ${tw`sw-align-middle`} ${tw`sw-box-border`} - ${tw`sw-h-3`} + ${tw`sw-h-4`} ${tw`sw-inline-block`} - ${tw`sw-w-3`} + ${tw`sw-w-4`} background-color: ${themeColor('newCodeLegend')}; border: 1px solid ${themeColor('newCodeLegendBorder')}; `; @@ -36,7 +36,7 @@ export const NewCodeLegendIcon = styled.span` const NewCodeLegendText = styled.span` ${tw`sw-align-middle`} ${tw`sw-body-sm`} - ${tw`sw-ml-1`} + ${tw`sw-ml-2`} color: ${themeColor('graphCursorLineColor')}; `; diff --git a/server/sonar-web/design-system/src/components/__tests__/NewCodeLegend-test.tsx b/server/sonar-web/design-system/src/components/__tests__/NewCodeLegend-test.tsx index a11dcac71d7..4f56e78b8a9 100644 --- a/server/sonar-web/design-system/src/components/__tests__/NewCodeLegend-test.tsx +++ b/server/sonar-web/design-system/src/components/__tests__/NewCodeLegend-test.tsx @@ -29,6 +29,6 @@ it('should render NewCodeLegend', () => { expect(screen.getByText('the text')).toHaveStyle({ 'font-size': tailwindBaseConfig.theme.fontSize.sm[0], 'line-height': tailwindBaseConfig.theme.fontSize.sm[1], - 'margin-left': tailwindBaseConfig.theme.spacing[1], + 'margin-left': tailwindBaseConfig.theme.spacing[2], }); }); diff --git a/server/sonar-web/design-system/src/theme/light.ts b/server/sonar-web/design-system/src/theme/light.ts index b303f3f8655..b9176bdac41 100644 --- a/server/sonar-web/design-system/src/theme/light.ts +++ b/server/sonar-web/design-system/src/theme/light.ts @@ -455,11 +455,11 @@ export const lightTheme = { // graph - chart graphPointCircleColor: COLORS.white, - 'graphLineColor.0': COLORS.blue[700], - 'graphLineColor.1': COLORS.blue[500], + 'graphLineColor.0': COLORS.blue[500], + 'graphLineColor.1': COLORS.blue[700], 'graphLineColor.2': COLORS.blue[300], - 'graphLineColor.3': COLORS.blue[700], - 'graphLineColor.4': COLORS.blue[500], + 'graphLineColor.3': COLORS.blue[500], + 'graphLineColor.4': COLORS.blue[700], 'graphLineColor.5': COLORS.blue[300], graphGridColor: COLORS.grey[50], graphCursorLineColor: COLORS.blueGrey[400], |