[busy.org] Fixed copy button on invite page.

in #utopian-io6 years ago

Repository

https://github.com/busyorg/busy

Description of Problem

Original Issue: https://github.com/busyorg/busy/issues/1443

Copy button was not staying within the link box once the text was changed. This was caused because a negative margin right value was used. Margin measures the total margin from the left border and since that was fixed, change in text size changed the width of the button and created inconsistent behavior.

The Fix

Pull Request: https://github.com/busyorg/busy/pull/1973

The fix for above problem was very simple which required using "right" css property instead of margin-right. "right" css property measures distance from right border and change in size of button will not have any effect. This was being worked on be someone else initially and later PO changed the requirement to display the button outside the box where I picked up this issue. Moving the button outside the box required a little more work as the whole component along with text input should behave as one unit. To solve this, I used flex box and positive margin to move button out of the link box.

GitHub Account

https://github.com/mightypanda-x

Sort:  

Thank you for your contribution. However, IMHO, this is not enough work to be rewarded.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

No problem. Thanks for reviewing.

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by mightyPanda from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

vote farming
@steemflagrewards

Steem Flag Rewards mention comment has been approved! Thank you for reporting this abuse, @mightypanda categorized as vote farming. This post was submitted via our Discord Community channel. Check us out on the following link!
SFR Discord

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.028
BTC 60231.53
ETH 2321.91
USDT 1.00
SBD 2.51