booklore-app/booklore
1
0
Fork 0
mirror of https://github.com/booklore-app/booklore.git synced 2026-02-18 00:17:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(reading-stats,ui): update heatmap to use local time formatting, fix tooltip css in reading-stats page (#2587)

Browse Source
This commit is contained in:
WorldTeacher
2026-02-06 21:07:42 +01:00
committed by GitHub
parent 37f6417e3d
commit 7124578831
3 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
booklore-ui/src/app/features/stats/component/user-stats/charts/reading-session-heatmap/reading-session-heatmap.component.ts
View File

@@ -178,7 +178,10 @@ export class ReadingSessionHeatmapComponent implements OnInit, OnDestroy {
while (currentDate <= endDate || weekIndex === 0) {
for (let dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
const dateStr = currentDate.toISOString().split('T')[0];
const year = currentDate.getFullYear();
const month = String(currentDate.getMonth() + 1).padStart(2, '0');
const day = String(currentDate.getDate()).padStart(2, '0');
const dateStr = `${year}-${month}-${day}`;
if (currentDate >= startDate && currentDate <= endDate) {
const count = sessionMap.get(dateStr) || 0;

1
booklore-ui/src/app/features/stats/component/user-stats/charts/reading-session-timeline/reading-session-timeline.component.html
View File

@@ -81,6 +81,7 @@
[pTooltip]="getTooltipContent(session)"
[escape]="false"
tooltipPosition="top"
tooltipStyleClass="session-timeline-tooltip"
[appendTo]="'body'">
@if (isDurationGreaterThanOneHour(session.duration)) {
<div class="session-content">

2
booklore-ui/src/app/features/stats/component/user-stats/charts/reading-session-timeline/reading-session-timeline.component.scss
View File

@@ -367,7 +367,7 @@
}
}
::ng-deep .p-tooltip {
::ng-deep .session-timeline-tooltip.p-tooltip {
--p-tooltip-max-width: 300px;
--p-tooltip-background: rgba(30, 30, 30, 0.98);
--p-tooltip-color: #ffffff;