connor/calendar
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix recurring event positioning by removing CSS positioning conflict

Browse Source 
- Remove conflicting `position: relative` CSS rule for .week-event
- This was causing `top: XXXpx` values to be applied as relative offsets
  instead of absolute positioning from container top
- Recurring events now position correctly at their calculated times
- Both regular and recurring events display at proper grid positions

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Connor Johnstone
2025-08-29 14:16:14 -04:00
parent 53ea5e3fc1
commit 9f2f58e23e
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/week_view.rs
View File

@@ -773,6 +773,7 @@ fn calculate_event_position(event: &CalendarEvent, date: NaiveDate) -> (f32, f32
let start_minute = local_start.minute() as f32; let start_minute = local_start.minute() as f32;
let start_pixels = (start_hour + start_minute / 60.0) * 60.0; // 60px per hour let start_pixels = (start_hour + start_minute / 60.0) * 60.0; // 60px per hour
// Calculate duration and height // Calculate duration and height
let duration_pixels = if let Some(end) = event.end { let duration_pixels = if let Some(end) = event.end {
let local_end = end.with_timezone(&Local); let local_end = end.with_timezone(&Local);

4
styles.css
View File

@@ -759,9 +759,7 @@ body {
} }
/* Event resize zones and handles */ /* Event resize zones and handles */
.week-event { /* Remove position: relative to allow absolute positioning for correct event placement */
position: relative;
}
.week-event .event-content { .week-event .event-content {
padding: 2px; padding: 2px;