Hacker News Reader

Comment by adrianmsmith | Hacker News Reader

I have a question about the design.

On the screenshot on the homepage https://schedule-x.dev/ the events are touching the left border of the box for the day, but there's a gap between the event and the right border of the box.

Google Calendar does that as well, and I found it quite ugly. I didn't know whether they did it deliberately (maybe I'm the only one who doesn't like it? or maybe there's some functionality associated with that that I haven't worked out?)

So I can't ask the developers of Google Calendar but I can ask you :) Is there a reason for laying out the calendar that way? Or is that just the convention now that Google Calendar does that?

I see you've obviously put thought into the design so I don't think it's an oversight on your part (although it may be on Google Calendar's part).

View on HN

This is a good question, which baffled me a bit too when studying the Google calendar.

Took me a while to figure it out, but when I first built the month grid without subtracting a few pixels per event, it got a bit hard to optically make sense of where an event ended and a new one started. This especially since events are also allowed to stretch over multiple days.

Subtracting a few pixels from each event, helps me to quicker grasp that an event ends on a given date, and isn't to be considered "one" with an event in the next day.

This makes sense, but there doesn't appear to be a gap on the calendar demo page [0], is that intentional?

0: https://schedule-x.dev/demos/calendar

Correct! In the week- and day views there is still no gap, only in the month view. The discussions here today though convinced me I should also allow for a gap in the week/day views (not sure yet if per default or configuration).

On Google Calendar clicking on an event you see the information of that event, clicking on a white space let's you create a new event at that time.

Having some white space that pertains to the day, but not to an event, let's you create a new event at the same time of an existing one without having to modify the start hour.

At least that's how I use it.

This makes perfect sense! I'll put this into the project roadmap, to leave a few pixels for clicking next to events on also in the week grid.

I think it's to easily see if the event spans only one day or multiple days. Multi-days events don't have the gap on the right so it shows a continuous line. You need the gap to have a difference for single-day events.

That makes sense, but they could instead have put an equal gap on the left and right side, as opposed to having all the gap on the right side, making the item look like it's not centered within the box?

It's to allow the user to click on that time to make another event manually. If the user has an event at some time and the event goes all the way to the right, there is nowhere to click to add the new event. With the gap, the user can click there and have the add event modal show up.

There is no gap on the right side in the day or week view, only in the month view for some reason.

This is a good point. The Google calendar actually has a gap in the week view too. I just didn't understand why. Do you think it would look better if the gap exists in the week view as well?

> This is a good point. The Google calendar actually has a gap in the week view too. I just didn't understand why. Do you think it would look better if the gap exists in the week view as well?

The gap is functional in Google Calendar. If you are adding functionality to add overlapping events by clicking the gap, I'd say yes

I am quoting /u/JaumeGreen

> Having some white space that pertains to the day, but not to an event, let's you create a new event at the same time of an existing one without having to modify the start hour.

I appreciate that you are taking the time and effort to gather feedback. Ultimately, it is up to you whether you want to implement this feature.

not the op, but one reason might be to visually distinguish between two events at the same time on adjacent days versus a 2-day event. Without the gap, events blend together. I don’t think the border provides enough contrast to rely on either.

Reply on news.ycombinator.com