Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds month view design and styling

Browse source 
Introduces basic month view structure and styling with week numbers.

Creates expanded month view with event details and duration-based sizing.

Moves event color handling to CSS classes for better flexibility and theming.
This commit is contained in:
Janus Knudsen 2025-08-21 22:09:15 +02:00
parent 0ea4e47324
commit 18c12cd3e6
8 changed files with 1735 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/renderers/EventRenderer.ts
View file

@ -71,8 +71,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
eventElement.style.top = `${position.top + 1}px`;
eventElement.style.height = `${position.height - 1}px`;
// Set color
eventElement.style.backgroundColor = event.metadata?.color || '#3498db';
// Color is now handled by CSS classes based on data-type attribute
// Format time for display
const startTime = this.dateCalculator.formatTime(new Date(event.start));
@ -89,7 +88,7 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
console.log(`BaseEventRenderer: Created event element for "${event.title}":`, {
top: eventElement.style.top,
height: eventElement.style.height,
backgroundColor: eventElement.style.backgroundColor,
dataType: eventElement.dataset.type,
position: eventElement.style.position,
innerHTML: eventElement.innerHTML
});