Mobile Optimization Hotfix for steem-engine.com

in #utopian-io5 years ago (edited)

Anyone using steem-enginge.com on mobile? Probably not because it is not at all optimized for smaller screens. I actually use it on my phone but I was a bit annoyed so I submitted a few minor fixes that should make it a little bit more usable while we can all wait for an entirely new UI which is in the making. That's why this pull request contains really just some more or less quick and dirty hotfixes.

Pull Request: https://github.com/MattyIce/steem-engine/pull/64

Basically I added a meta tag for proper scaling, adjusted the header a bit and made tables horizontally scrollable.

Before:
image.png

image.png

After:

It's merged and deployed now but some things I'd still like to improve.

Sort:  

Thank you for your contribution! I can see that it does make the mobile user friendly. Have you also tested how it looks like on the iPad ?
code-wise, you might also merge the style e.g. max-width into the class e.g. w-100.

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Chat with us on Discord.

[utopian-moderator]

You're right but i was really just aiming for little improvement with very little effort since there's a new UI coming hopefully very soon.

Thank you for your review, @justyy! Keep up the good work!

Welcome back and I'm happy to see these improvements. :) I use steem-engine as well and understand your frustrations in using mobile to access the site.

Posted using Partiko Android

Hi @mkt!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your post is eligible for our upvote, thanks to our collaboration with @utopian-io!
Feel free to join our @steem-ua Discord server

Great work @mkt. This is something I need for sure.
Cheers
!BEER

Oh and cheers!
!BEER ;)

Glad I'm not the only one. :D

To view or trade BEER go to steem-engine.com.

Hey @buckydurddle, here is your BEER token. Enjoy it!

To view or trade BEER go to steem-engine.com.

Hey @mkt, here is your BEER token. Enjoy it!

Hey, @mkt!

Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Get higher incentives and support Utopian.io!
Simply set @utopian.pay as a 5% (or higher) payout beneficiary on your contribution post (via SteemPlus or Steeditor).

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!