shadow,
@shadow@everythingbagel.social avatar

@cheeaun @phanpy

Multi-column with lists still have issues with misaligned columns on mobile devices when I last tried a few months ago, looks like issues still are present on https://dev.phanpy.social or prod https://phanpy.everythingbagel.social

Running Pixel 7 Pro

Phanpy text size is default. Is this a CSS causing narrow issue? I had trouble finding issue related to this in the repo.

See alt-text for more info.

Perhaps @rolle might give a hand with CSS?

My preferred setting device-wide and no issues across all apps. Not default.
Default zoom on Chrome for Android set to 100%

cheeaun,
@cheeaun@mastodon.social avatar

@shadow re: "misaligned columns", are you expecting each column to be 100% viewport width?

Multi-column is more optimized for desktop use, I've never seen other mobile apps do this, so the columns have max width of 360px, with no user-customization for now. Usually on mobile, the "tab/menu bar" option make more sense.

shadow,
@shadow@everythingbagel.social avatar

@cheeaun I'm aware it's designed to be optimized for desktop. 😅

When I tried changing default zoom in Chrome accessibility from 100% to 150% all the columns are in the right width size as I swipe them regardless of device display settings but that makes text/font bigger. I'm not expecting it to be 100%, I assumed the device would auto detect width. As long lists are not added to columns, it works fine on 100%.

Columns in right width but on 150%

cheeaun,
@cheeaun@mastodon.social avatar

@shadow I think your current solution is quite uh… hacky 😬 Zooming, especially combining page zoom + text zoom, on Chrome can get a bit unwieldy.

On my side, adding a config to customize the width would be a better solution, though it's not in the pipeline for now 🙏

Any reasons you don't use the tab bar?

shadow,
@shadow@everythingbagel.social avatar

@cheeaun Oh tab bar for lists works as is with no changes to Chrome accessibility (100% by default), device display remains unaffected. But I really liked swiping in multi-columns without having to set to 150%. If you don't mind telling which file I could edit to play around, I assume it's app.css.

Tab bar require multiple tapping to switch lists.

cheeaun,
@cheeaun@mastodon.social avatar

@shadow the relevant code is here: https://github.com/cheeaun/phanpy/blob/7376cb1e99eeb727151dd3373479b3f48cbd0973/src/app.css#L2381

I've initially thought about the swiping too on mobile but ran into issues as the columns will induce more memory pressure for mobile browsers, depending on your usage, thus might hang or crash the page. Mobile apps do more memory management work regarding this, which is not done on Phanpy, so I'm curious how's your experience with it.

rolle,
@rolle@mementomori.social avatar

@shadow No time to contribute, unfortunately. @cheeaun @phanpy

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • magazineikmin
  • thenastyranch
  • Youngstown
  • Durango
  • rosin
  • slotface
  • GTA5RPClips
  • InstantRegret
  • PowerRangers
  • kavyap
  • tsrsr
  • ngwrru68w68
  • khanakhh
  • Leos
  • hgfsjryuu7
  • everett
  • osvaldo12
  • cubers
  • tacticalgear
  • cisconetworking
  • mdbf
  • vwfavf
  • ethstaker
  • tester
  • modclub
  • normalnudes
  • anitta
  • All magazines