Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Merge pull request #22 from xOpsTech/frontend-nic
"Remove image" button place-holder for profile page
  • Loading branch information
CrumrineCoder committed Feb 5, 2019
2 parents 07ff2b8 + 16e90ef commit ed39ea8
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 0 deletions.
35 changes: 35 additions & 0 deletions src/component/management/profile/ProfileStyles.less
Expand Up @@ -111,6 +111,41 @@ body {
.picture-change{
width: auto;
float: right;
margin-left: 20px;
}

.btn-outline-danger{
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5);
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
box-shadow: 0 0 0 0.2rem rgba(220,53,69,.5);
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
outline: none;
}

.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}

.profile-picture{
Expand Down
1 change: 1 addition & 0 deletions src/component/management/profile/ProfileView.jsx
Expand Up @@ -228,6 +228,7 @@ class ProfileView extends React.Component {
</div>
<div className="col-sm-9" >
<img className="profile-picture" src="../../../../assets/img/missing.png" />
<button className="btn btn-outline-danger form-control button-all-caps-text picture-change"> Remove Picture </button>
<button className="btn btn-primary form-control button-all-caps-text picture-change"> Change Picture </button>
</div>
</div>
Expand Down

0 comments on commit ed39ea8

Please sign in to comment.