Как переместить кнопку увеличения и уменьшения слева от каждого потока? - PullRequest
0 голосов
/ 17 апреля 2020

снимок экрана Я хотел бы знать, как я могу перемещать кнопки увеличения и уменьшения слева от каждого отдельного потока, а не находиться внутри него на данный момент. На снимке экрана показано, как моя страница выглядит как.

return sortedThreads.map((thread) => {
            return (
                <div className="item" key={thread.id}>
                    <i className="large middle aligned" />
                    <div className="content">
                        <div className="description ui ">
                            <a href={`${thread.url}`} style={{ fontSize: "25px" }}>
                                {thread.title}
                            </a>
                            <h3>{thread.points}</h3>
                            <div className="ui vertical icon buttons " >
                                <button
                                    className="ui button"
                                    onClick={() => this.props.upVote(thread)}
                                >
                                    <i className="icon angle up "></i>
                                </button>
                                <button
                                    className="ui button"
                                    onClick={() => this.props.downVote(thread)}
                                >
                                    <i className="angle down icon"></i>
                                </button>
                            </div>

                            <button
                                className="ui primary button"
                                onClick={() => {
                                    this.props.saveThread(thread.id);
                                    alert("A thread was saved", thread);
                                }}
                            >
                                SAVE
                            </button>
                            <Link to={`/edit/${thread.id}`} className="ui button primary">
                                EDIT
                            </Link>
                            <button
                                className="ui primary button"
                                onClick={() => this.props.deleteThread(thread.id)}
                            >
                                DELETE
                            </button>
                        </div>
                    </div>
                </div>
            );
        });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...