search

neinteractiveliterature / intercode

The future of convention web applications
MIT License
24 stars 6 forks source link

Scrolling My Schedule is confusing #2967

Open marleighnorton opened 4 years ago

marleighnorton commented 4 years ago

Scrolls within scrolls. We hates it, precious, oh yes we do.

On the main page, we have three boxes: Convention Resources, My Schedule, and Events I'm Running. The My Schedule box is scrollable, which is not obvious since there are no scroll bars present.

It's also funky because you have to scroll to even see that box, so on a web browser you scroll to get to that box, then move your cursor, then scroll again. And there's also dead space below it on the right column, so... we should just use that.

Could we just lengthen those boxes as needed, rather than scroll? I'd also change the order to put Events I'm Running above My Schedule. I'm also not sure what the Convention Resources are, but since there's only one element in it, making it it's entire own box seems overkill.

nbudin commented 4 years ago

This is actually a CMS content issue, so I'm going to bump this over to @dkapell.

dkapell commented 4 years ago

So a few thoughts. It's actually set to max-height:499px;overflow-y: auto, so if there's less content in it than 499px, then it would not scroll, if there's more, it will, and it's up to the browser to display scrollbars. Chrome on Windows always displays them, Chrome on Mac, i think, only displays them when you scroll, or does whatever your global scrollbar setting is. I can change it to overflow-y: scroll, but I'm not sure that macs will actually display the scrollbar even then.

I think changing it to be full length/non-scrolling on mobile makes a lot of sense, so I'll do that. On my view, there's no dead space below it, because games I've proposed is there. see attached screenshot, but obviously this all depends on how long the news is, how many games have openings, and if the user has proposed games.

Convention Resources is a widget that displays some relevant resources only to people who should be able to see them. Specifically the GM policies are visible to all GMs and concom, and the Propcom policies are visible to members of propcom. Without a mechanism to adjust what's in the menu based on permissions, this was the best approach to make these documents available to the relevant people.

dkapell commented 4 years ago

Update - I've modified the widget to be full length any time that the page is displayed in a single column (i.e page-width < 992px),

marleighnorton commented 4 years ago

I'm not getting the logic for why to keep having scrollboxes on two column layouts. That's the case I'm seeing that inspired me to write this.