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

ui to explain follow #164

Merged
merged 4 commits into from
Sep 1, 2017
Merged

ui to explain follow #164

merged 4 commits into from
Sep 1, 2017

Conversation

vellip
Copy link
Collaborator

@vellip vellip commented Aug 24, 2017

Clicking the button now opens a dropdown where the specific action is explained.

follow dropdown

This is breaking because it requires additional styling. See liqd/a4-meinberlin#728. At least setting

.select-item-desc {
    display: block;
}

is recommended, since I couldn't use any block elements due to then invalid html.

Copy link
Contributor

@slomo slomo left a comment

Choose a reason for hiding this comment

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

Looks good, I couldn't test it in OPIN because it has its own FollowButton. I left two small questions, feel free to ignore.

<span className="dropdown-menu" aria-labelledby="follow-dropdown">
<button className="dropdown-item select-item" onClick={this.disableFollow.bind(this)}>
{!this.state.followed ? <i className="fa fa-check select-item-indicator" aria-hidden="true" /> : null}
{django.gettext('Unfollow')}
Copy link
Contributor

Choose a reason for hiding this comment

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

Shouldn't this be named Not following and the other option Following?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Valid point, thanks!

<i className="fa fa-caret-down" aria-hidden="true" />
</button>
<span className="dropdown-menu" aria-labelledby="follow-dropdown">
<button className="dropdown-item select-item" onClick={this.disableFollow.bind(this)}>
Copy link
Contributor

Choose a reason for hiding this comment

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

Is the class name select-item not a bit over generic?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I had something like followbefore which I found too specific. You have any suggestions for something in between?

@slomo slomo merged commit 70b7db5 into master Sep 1, 2017
@slomo slomo deleted the 2017-08-pv-update-follow branch September 1, 2017 06:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants