Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -273,8 +273,8 @@ const UserTeamsTable = props => {
</Col>
)}
</div>
<div style={{ maxHeight: '300px', overflow: 'auto' }}>
<table className={`table table-bordered ${darkMode ? 'text-light' : ''}`}>
<div>
<table className={`table table-bordered table-responsive-sm ${darkMode ? 'text-light' : ''}`}>
<thead className="user-team-head">
{props.role && (
<tr>
Expand Down
10 changes: 8 additions & 2 deletions src/components/common/PieChart/PieChart.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -225,8 +225,14 @@ export function PieChart({
</tbody>
</table>
</div>
<div className={styles['data-total-value']} style={{ marginTop: 8 }}>
<strong className={styles['strong-text']}>Total Hours:</strong> {totalHours.toFixed(2)}
<div
className={`${styles['data-total-value']} ${darkMode ? styles['text-light'] : ''}`}
style={{ marginTop: 8, color: darkMode ? '#f5f5f5' : 'inherit' }}
>
<strong className={`${styles['strong-text']} ${darkMode ? styles['text-light'] : ''}`}>
Total Hours:
</strong>{' '}
{totalHours.toFixed(2)}
</div>
</div>
</div>
Expand Down
12 changes: 11 additions & 1 deletion src/components/common/PieChart/PieChart.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -166,4 +166,14 @@ div.pie-chart-legend-container {

.pie-chart-legend-table td {
padding: 8px 0;
}
}

.data-total-value {
font-weight: bold;
margin-top: 10px;
color: inherit;
}

.strong-text.text-light,
.text-light strong,
.text-light .strong-text { color:#f5f5f5 !important; }
2 changes: 1 addition & 1 deletion src/components/common/PieChart/ProjectPieChart.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -189,7 +189,7 @@ export default function UserProjectD3PieChart({ projectsData, darkMode }) {
className={`${styles['data-total-value']} ${darkMode ? styles['text-light'] : ''}`}
style={{ marginTop: 8, color: darkMode ? '#f5f5f5' : 'inherit' }}
>
<strong className={`strong-text ${darkMode ? styles['text-light'] : ''}`}>
<strong className={`${styles['strong-text']} ${darkMode ? styles['text-light'] : ''}`}>
Total Hours:
</strong>{' '}
{total.toFixed(2)}
Expand Down
Loading