Join us on Discord!
You can help CodeWalrus stay online by donating here.

Making forum skin mobile-friendly

Started by Dream of Omnimaga, January 14, 2015, 07:09:14 AM

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

novenary


Dream of Omnimaga

They are still a bit close in mobile mode, though, hence my idea of moving them a bit further to the left (only in mobile view). The main issue is that in mobile view there is no text.

Also it seems that the site navigation has the same issue that the voting buttons had. The clickable area is a bit off, so it's another thing we might want to look into.

We also need to make the sidebars on the front page show up at the bottom of the news feed or board stats, so that this content isn't missing from mobile view, while still keeping news full-width and at the top.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

Dream of Omnimaga

By the way, should we hide the individual boards/child boards topic/post counts on mobile view? Since we use the clone topic mod, the totals are inaccurate anyway since some topics appear in multiple sections. I was also contemplating making it like on yAronet, where it says t and p instead of topics and posts.

Also we really need to find a way to fix the content going outside the screen issue on mobile, since it makes some sections unuseable. After all, Cemetech managed to do it fine.

And of course we need to bring back the sidebars on the front page and board stats page, but have them show up below everything else. Cemetech does it with their sidebar in some ways and it's quite handy.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

Dream of Omnimaga

So @Streetwalrus , on mobile I think the logo should be moved down by a few pixels, since the navigation overlaps on it and hides parts of it.
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

novenary

Good catch, I never thought it was a problem up til now. This should do the trick.

Dream of Omnimaga

Yup, it looks much better now. Thanks :D
  • Calculators owned: TI-82 Advanced Edition Python TI-84+ TI-84+CSE TI-84+CE TI-84+CEP TI-86 TI-89T cfx-9940GT fx-7400G+ fx 1.0+ fx-9750G+ fx-9860G fx-CG10 HP 49g+ HP 39g+ HP 39gs (bricked) HP 39gII HP Prime G1 HP Prime G2 Sharp EL-9600C
  • Consoles, mobile devices and vintage computers owned: Huawei P30 Lite, Moto G 5G, Nintendo 64 (broken), Playstation, Wii U

Powered by EzPortal