Skip to content

Commit 08cd244

Browse files
authored
fix: Adjust chart styles in high contrast theme (kyma-project#3734)
* Adjust chart styles in high contrast theme * Adjust chart styles in high contrast theme
1 parent 7471600 commit 08cd244

File tree

3 files changed

+14
-3
lines changed

3 files changed

+14
-3
lines changed

public/themes/hcb.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,9 @@
33
html,
44
#root {
55
height: 100%;
6+
}
7+
8+
.recharts-radial-bar-background-sector{
9+
stroke: var(--sapTextColor);
10+
stroke-width: 1.5;
611
}

public/themes/hcw.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,9 @@
33
html,
44
#root {
55
height: 100%;
6-
}
6+
}
7+
8+
.recharts-radial-bar-background-sector{
9+
stroke: var(--sapTextColor);
10+
stroke-width: 1;
11+
}

src/shared/components/UI5RadialChart/UI5RadialChart.js

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ export const UI5RadialChart = ({
2424
return (
2525
<div className={classnames} onClick={onClick}>
2626
<RadialChart
27+
accessibleName={'Radial chart'}
2728
displayValue={text}
2829
displayValueStyle={{
2930
fontSize: textSize,
@@ -38,8 +39,8 @@ export const UI5RadialChart = ({
3839
width: size + 'px',
3940
}}
4041
chartConfig={{
41-
innerRadius: '99%',
42-
outerRadius: '99%',
42+
innerRadius: '98%',
43+
outerRadius: '98%',
4344
barSize: 12,
4445
}}
4546
/>

0 commit comments

Comments
 (0)