Make the Steemit-Sidebar collapsible

in #utopian-io8 years ago (edited)

Bug Fixes

What was the issue?

On lower resolutions the sidebar was overlapping with features of steemit.
Making it impossible to use for some and very unconvenient for the users.
This feature was also one of the most wished features from users with a normal resolution.
image.png

What was the solution?

  • Set a background-color to the sidebar (depending on nightmode) so it isn't transparent anymore
  • Increased the z-index so that other elements aren't showing above it.
  • Reduced the width of the sidebar to make it less likely to hide steemit elements.
  • Implemented a button to collapse/expand the sidebar if needed.
  • Saved the sidebare state in a cookie so it stays collapsed if the user doesn't need it.
  • Used the new "css grid"-technology to fix issues with scrolling.

New version

image.png

Updating

If you are already using the Steemit-Sidebar, just click here
image.png

If you're a completely new user please look into the creation post for further instructions!



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

Make sure to look at the upcoming rule update and plan for you next post in light of the proposed changes.

You can contact us on Discord.
[utopian-moderator]

Hey @helo, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

Thank you :)

Haste gut gemacht die Bugfixes.
Und jetzt lass uns die Welt übernehmen! :D

Dankeschön!
Und die Welt zu übernehmen ist ja das erklärte Ziel dieses Projekt :D

Hey @mwfiae I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

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

Congratulations @mwfiae! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments
Award for the number of upvotes received
Award for the number of upvotes
Award for the number of comments received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!