Skip to content

Conversation

@txasw
Copy link
Collaborator

@txasw txasw commented Nov 17, 2025

This pull request enhances the schedule table component by making its time range dynamic and improving the rendering of schedule items for better usability and visual consistency. The main changes include adding support for custom start and end hours, updating the time slot generation logic for flexibility, and improving text truncation and overflow handling in schedule cards.

Dynamic time range and time slot generation:

  • ScheduleTable.svelte, StudentHelper.ts: The schedule table now supports dynamic start and end hours via new props (startHourProp, endHourProp), and the time slot generation logic (createTimeSlot) has been refactored to use these values, allowing more flexible schedule displays. The time interval granularity is also now adjustable. [1] [2] [3]

  • StudentTable.svelte: The schedule table is now rendered with explicit startHourProp and endHourProp values, demonstrating the new dynamic time range feature.

Visual and usability improvements:

  • CardSubject.svelte: Schedule card fields now use truncate and overflow-hidden CSS classes to prevent text overflow and maintain layout integrity, especially for long subject names or details.

  • ScheduleTable.svelte: Table styling has been improved for better column sizing and layout consistency, including removing fixed width on table cells and ensuring minimum width constraints. [1] [2]

From this
image

To this
image

@txasw txasw merged commit cfd862d into main Nov 17, 2025
@txasw txasw deleted the fix/extend-schedule-range branch November 17, 2025 12:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant