Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add voting slider to comments #1008

Merged
merged 7 commits into from
Nov 9, 2017

Conversation

Sekhmet
Copy link
Contributor

@Sekhmet Sekhmet commented Nov 4, 2017

Fixes #998.

Changes:

  • Refactor Buttons and CommentFooter out of Comment component
  • Add voting slider to comments

comment-like

- Refactor CommentFooter and Buttons from Comment component
- Add voting slider to comments
@Sekhmet Sekhmet self-assigned this Nov 4, 2017
@bonustrack bonustrack temporarily deployed to busy-nd-pr-1008 November 4, 2017 22:01 Inactive
@bonustrack
Copy link
Contributor

Great work! Working well. In the worst case scenario (a subcomment in small screen) the voting slider will be little bit small:
image
Do you have some idea to make better experience on small screen @Sekhmet ? Maybe a modal.

This changes font-size of vote value info and updates paddings
on small screens to make Voting Slider less cluttered
@bonustrack bonustrack temporarily deployed to busy-nd-pr-1008 November 5, 2017 15:30 Inactive
@Sekhmet
Copy link
Contributor Author

Sekhmet commented Nov 5, 2017

I have updated Voting Slider styles so it looks nicer on mobile.
375px width:
image

Copy link
Contributor

@bonustrack bonustrack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesomeness

@bonustrack bonustrack temporarily deployed to busy-nd-pr-1008 November 5, 2017 17:08 Inactive
parseFloat(comment.pending_payout_value) +
parseFloat(comment.total_payout_value) +
parseFloat(comment.curator_payout_value);
const voteRshares = comment.active_votes.reduce((a, b) => a + parseFloat(b.rshares), 0);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

shouldnt this be voterShares ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

They are actually called rshares so I think voteRshares is okay-ish name


&__count {
margin-right: 8px;
color: #99aab5;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

missed color constant here

Copy link
Contributor

@jm90m jm90m left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

working well for me as well, lgtm small comments

@Sekhmet Sekhmet merged commit bd88480 into busyorg:new-design Nov 9, 2017
@Sekhmet Sekhmet deleted the comments-voting-slider branch November 9, 2017 18:08
@bonustrack bonustrack added this to the v2.1 milestone Dec 1, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants