19 October 2021, 05:05 PM
Mobile Layout Bugs & Fixes
Hey, so turns out I'm a dumbass and the forum has been displaying in desktop view on mobile for the entire last year.
The forum now displays with its actual mobile adjustments on mobile -- however, this introduces numerous issues due to some of those adjustments being buggy and poorly executed, and many pages do not have sufficient mobile adjustments at all. For example, some elements visible on desktop are now missing/inaccessible on mobile.
Adjustments are being made this week to the forum structure to address mobile issues. However, the desktop version may also display problems while work is being done. Many of the adjustments involve stripping out the HTML table structure and replacing them with divs, which affects desktop also. I'll be noting in the Discord when I am actively working on portions of the board; otherwise, clearing your cache per instructions below should resolve any particularly janky display issues.
GLOBAL
Check that your issue hasn't already been mentioned above, but otherwise reply to this thread to report:
Now that the forum adjusts for mobile, you may notice that some post tables don't look as great anymore. Some things to keep in mind:
The forum now displays with its actual mobile adjustments on mobile -- however, this introduces numerous issues due to some of those adjustments being buggy and poorly executed, and many pages do not have sufficient mobile adjustments at all. For example, some elements visible on desktop are now missing/inaccessible on mobile.
Adjustments are being made this week to the forum structure to address mobile issues. However, the desktop version may also display problems while work is being done. Many of the adjustments involve stripping out the HTML table structure and replacing them with divs, which affects desktop also. I'll be noting in the Discord when I am actively working on portions of the board; otherwise, clearing your cache per instructions below should resolve any particularly janky display issues.
Known issues
GLOBAL
- Header top level are messed up, some are inaccessible
- Header dropdowns are weirdly positioned
- Recent thread/post link missing
- Most forum "rules"/info poorly formatted
- Thread list does not resize for mobile (requires horizontal scroll)
- Subforum list weird
- Forum list headers (thread/author/replies/views) misaligned
- Breadcrumbs missing
- New Thread
- New Reply
- Edit Post
- PM Inbox/Folder view
- PM Read view
- PM Compose view
- PM Advanced Search
- PM Search results
- Edit Profile
- Edit User/pass/email
- Edit avatar/sig
- Subscribed forums/threads
- Saved drafts
- Attached accounts
- Search page not properly formatted
- Search results
- Member list
- Forum stats
- Game stats
Issue reports
Check that your issue hasn't already been mentioned above, but otherwise reply to this thread to report:
- Elements/functions MISSING on mobile
- Elements/functions poorly formatted or difficult to perform on mobile
- Any other bugs or errors you encounter
User adjustments
Now that the forum adjusts for mobile, you may notice that some post tables don't look as great anymore. Some things to keep in mind:
- Setting percentage widths (and/or fixed max-widths) is highly preferable to only a specific pixel width. Please consider using something like "width:90%; max-width:700px" instead of "width:700px" in your tables.
- Images floating inside tables can cause text to become very squished on mobile
- The simpler your table is, the more likely it'll look okay on a variety of screen sizes