Improve style of Board component

This commit is contained in:
riggraz
2019-09-03 18:55:37 +02:00
parent 4a1378988a
commit 7a2b55ab51
4 changed files with 11 additions and 9 deletions

View File

@@ -135,7 +135,7 @@ class NewPost extends React.Component<Props, State> {
isLoggedIn ?
<button
onClick={this.toggleForm}
className="submitBtn btn btn-dark">
className={`submitBtn btn btn-${showForm ? 'outline-' : ''}dark`}>
{ showForm ? 'Cancel' : 'Submit feedback' }
</button>
:

View File

@@ -23,7 +23,7 @@ const PostListItem = ({ title, description, postStatus}: Props) => (
<span className="comment icon"></span>
<span>0 comments</span>
</div>
<div className="postDetailsStatus" style={{color: postStatus.color}}>
<div className="postDetailsStatus">
<div className="dot" style={{backgroundColor: postStatus.color}}></div>
<span className="postStatusName">{postStatus.name}</span>
</div>

View File

@@ -20,7 +20,7 @@ const PostStatusListItem = ({
<a onClick={handleClick} className="postStatusListItemLink">
<div className="postStatusListItem">
<div className="dot" style={{backgroundColor: color}}></div>
<span className="postStatusName" style={{color: color}}>{name}</span>
<span className="postStatusName">{name}</span>
</div>
</a>
{

View File

@@ -5,11 +5,6 @@
align-items: flex-start;
flex-wrap: nowrap;
.smallTitle {
font-size: 18px;
font-weight: 500;
}
.sidebar {
top: 20px;
position: sticky;
@@ -32,6 +27,11 @@
padding: 8px;
margin: 8px;
.smallTitle {
font-size: 19px;
font-weight: 600;
}
}
.newBoardContainer {
@@ -85,7 +85,8 @@
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 17px;
font-weight: 500;
padding: 4px;
}
@@ -151,6 +152,7 @@
color: black;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
.postDetailsComments {