search

TampaDevs / tampa.dev

A centralized list of Tampa's best tech meetups, venues, events, and more
https://tampa.dev/
3 stars 0 forks source link

Homepage Carousel Widget Borked on Mobile #3

Closed chtzvt closed 5 months ago

chtzvt commented 5 months ago

I spent some time today replacing the rss.app widgets with all-new widgets served by https://events.api.tampa.dev.

For the most part, the layout is OK. But there's currently a layout issue on iOS browsers specifically.

How it should look (using the Chrome simulator):

Screenshot 2024-03-23 at 15 13 27

How it actually looks (on an actual iPhone): IMG_7813

chtzvt commented 5 months ago

Reopening this issue as the sizing is still b0rked on mobile iOS (even after https://github.com/TampaDevs/events.api.tampa.dev/pull/8):

IMG_7815

This may be a tampa.dev-specific issue, but I'm uncertain.

manuelosorio commented 5 months ago

@chtzvt I was looking at it might be a caching issue at this point. My change is not reflecting on the widget at all.

ebanner commented 5 months ago

Is this issue actually fixed? I can't find the carousel you're referring to.

Also, I saw this section is cut off a little on mobile for me

image

How come on yours the next event widget is below the Contributing Members section? On mine, it's above

chtzvt commented 5 months ago

@ebanner The carousel is displayed on https://tampa.dev, and served from https://events.api.tampa.dev/widget/carousel.

As for the cut off section-- that's an issue with the Open Collective contributors embed on https://tampadevs.com. We can track that issue in https://github.com/tampadevs/tampadevs :)

ebanner commented 5 months ago

Ah ok cool haha. Can confirm carousel looks good for me 😁

Went ahead and created an issue https://github.com/TampaDevs/tampadevs/issues/165 👍