Fixed reputation wrap issue and added hover color to left menu

in #utopian-io7 years ago

In this 4th development contribution report I want to show two issues that I fixed for Busy.org website.


contribution4.png

Reputation wrap issue:

Pull request: https://github.com/busyorg/busy/pull/1016
Fixes Issue: https://github.com/busyorg/busy/issues/842

busy-pull-1016.png

Changes I made:

  • made .UserHeader__user to have margin: 0 !important; on small screens. This margin has no relevance on small screens, since the text is center aligned and has no elements on the sides.
    decreased font size for .UserHeader__user__username to 28px on small screens
Observations:

The !important was necessary because some media queries were defined before normal style in UserHeader.less. Normally media queries are defined after the normal style(non-media). In the present case the normal style would override the media queries, therefore !important was needed.


Added hover color for left nav

Pull request:https://github.com/busyorg/busy/pull/1019
Issue: https://github.com/busyorg/busy/issues/950

busy-pull-1019.png

Changes I made:

  • the left menu (.Sidenav) link color changes on hover. @purple is set as color for .Sidenav>li>a:hover



Open Source Contribution posted via Utopian.io

Sort:  

Thank you for the contribution. It has been approved.

[utopian-moderator]

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

Suggestions https://utopian.io/rules

  • Your contribution is less informative than others in this category.

Achievements

  • I am a bot...I love developers... <3
  • You have less than 500 followers. Just gave you a gift ;)
  • 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

very good post.

Loading...

Coin Marketplace

STEEM 0.27
TRX 0.13
JST 0.031
BTC 62177.56
ETH 2918.14
USDT 1.00
SBD 3.66