[Condenser] Add Mobile Cover Image To User ProfilesteemCreated with Sketch.

in utopian-io •  7 years ago 

[Condenser] Add Mobile Cover Image To User Profile

image.png


Issue

Due to the fact that cover images are recommended to be sized and set for 2048px, they end up looking horrible on mobile (if even visible).

Solution

Instead of some magic with trying to resize the image and position it depending on screen size, allow users the ability to set a mobile cover image that will be displayed automatically when the screen size is mobile size.

Summary

Users get a lot of pride about differentiating their profiles from others. Unfortunately, they are running into issues trying to size an image that has a happy medium between to drastically different screen resolutions. This pull request is very unobtrusive to the UI and allows users to have more freedom over their own profile page customization. This is an easy win for an greatly improved end user experience on condenser.

Credits

This development submission has been created in response to this feature request by @deveerei

Screenshots

screen shot 2017-11-14 at 1 12 42 am
screen shot 2017-11-14 at 1 12 34 am
screen shot 2017-11-14 at 1 12 20 am

Screencast

Links



Open Source Contribution posted via Utopian.io

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Good ideas...Thanks for letting us know!

I simply like your post, great content, and quality @netuoso
@hatimbenya

good post ...

Nice

I'm not worried because your rep is low and your power too but you flagged this post. Not sure if you intended to.

If you want to leave it you can

Thank you for the contribution. It has been approved.

[utopian-moderator]

yep. want it. make it so! :)

Hey @netuoso I am @utopian-io. I have just super-voted you at 35% Power!

Suggestions https://utopian.io/rules

  • Your contribution is less informative than others in this category.
  • Utopian has detected 1 bot votes. I am the only bot you should love!!

Achievements

  • I am a bot...I love developers... <3
  • Votes on this contribution are going well. Nice!
  • Seems like you contribute quite often. AMAZING!
  • You have a good amount of votes on your contributions. Good job!
    Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Informative !!!!!
steem back. Thanks.

good post ...

Good Post!! I like your post!!

thanks for your information .

Chapeau my friend

Cool! I like it how developers can code things into existence! :D Great job!

We need the ideas and projects. It's easier to code than it is to come up with great ideas that should be coded.

I'm trying a bit of coding now (all I know are some basic CSS & Htmls), and it's giving me a headache haha.

You're on a rampage!

Can't stop.

Won't stop!

Glad I found this. I manage to change my picture and resize, not sure how the mobile version appears tho. Thank you for the info @netuoso