Changed javascript to CSS method

Этот коммит содержится в:
nickago
2015-07-17 07:52:56 -07:00
родитель 05d6a3a812
Коммит 8ead147ebc
3 изменённых файлов: 8 добавлений и 6 удалений

Просмотреть файл

@@ -30,9 +30,7 @@ module.exports = React.createClass({
<div className="dropdown"> <div className="dropdown">
{ isOwner || (this.props.allowReply === "true" && type != "Comment") ? { isOwner || (this.props.allowReply === "true" && type != "Comment") ?
<div> <div>
<a href="#" className="dropdown-toggle theme" type="button" data-toggle="dropdown" aria-expanded="false"> <a href="#" className="dropdown-toggle theme" type="button" data-toggle="dropdown" aria-expanded="false" />
[...]
</a>
<ul className="dropdown-menu" role="menu"> <ul className="dropdown-menu" role="menu">
{ isOwner ? <li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#edit_post" data-title={type} data-message={post.message} data-postid={post.id} data-channelid={post.channel_id} data-comments={type === "Post" ? this.props.commentCount : 0}>Edit</a></li> { isOwner ? <li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#edit_post" data-title={type} data-message={post.message} data-postid={post.id} data-channelid={post.channel_id} data-comments={type === "Post" ? this.props.commentCount : 0}>Edit</a></li>
: "" } : "" }

Просмотреть файл

@@ -129,9 +129,7 @@ RootPost = React.createClass({
<div className="dropdown"> <div className="dropdown">
{ isOwner ? { isOwner ?
<div> <div>
<a href="#" className="dropdown-toggle theme" type="button" data-toggle="dropdown" aria-expanded="false"> <a href="#" className="dropdown-toggle theme" type="button" data-toggle="dropdown" aria-expanded="false" />
[...]
</a>
<ul className="dropdown-menu" role="menu"> <ul className="dropdown-menu" role="menu">
<li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#edit_post" data-title={type} data-message={this.props.post.message} data-postid={this.props.post.id} data-channelid={this.props.post.channel_id}>Edit</a></li> <li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#edit_post" data-title={type} data-message={this.props.post.message} data-postid={this.props.post.id} data-channelid={this.props.post.channel_id}>Edit</a></li>
<li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#delete_post" data-title={type} data-postid={this.props.post.id} data-channelid={this.props.post.channel_id} data-comments={this.props.commentCount}>Delete</a></li> <li role="presentation"><a href="#" role="menuitem" data-toggle="modal" data-target="#delete_post" data-title={type} data-postid={this.props.post.id} data-channelid={this.props.post.channel_id} data-comments={this.props.commentCount}>Delete</a></li>

Просмотреть файл

@@ -208,6 +208,12 @@ body.ios {
.dropdown, .comment-icon__container { .dropdown, .comment-icon__container {
@include opacity(1); @include opacity(1);
} }
.dropdown-toggle:after {
content: '...';
}
.dropdown-toggle:hover:after {
content: '[...]';
}
} }
background: #f5f5f5; background: #f5f5f5;
} }