Make the Steemit-Sidebar collapsible

in #utopian-io • 8 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

#steemit #sidebar #collapsible #javascript
8 years ago in #utopian-io by
$89.76
  • Past Payouts $89.76
  • - Author $62.34
  • - Curators $27.43
21 votes
Reply 8
Sort:  
  • Trending
    • [-]
     8 years ago 

    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]

    $1.78
    • Past Payouts $1.78
    • - Author $1.46
    • - Curators $0.32
    3 votes
    Reply
    [-]
     8 years ago 

    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!

    $0.02
    • Past Payouts $0.02
    • - Author $0.02
    • - Curators $0.00
    1 vote
    Reply
    [-]
     8 years ago 

    Thank you :)

    $0.00
      Reply
      [-]
       8 years ago 

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

      [-]
       8 years ago 

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

      $0.00
        Reply
        [-]
         8 years ago 

        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

        [-]
         8 years ago 

        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!