different color for active cards

This commit is contained in:
viktor 2018-03-21 19:05:44 +03:00
parent c3b9b73794
commit 2621a277e8
3 changed files with 9 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -14,6 +14,10 @@
&-i {
@extend %white-block;
&-not-finalized {
background-color: rgba(8,179,242,0.1);
}
&:hover {
box-shadow: 0 11px 11px 0 fade-out(#326cb5, 0.85);
}
@ -58,6 +62,8 @@
&--name {
color: #333;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
}
&--created {

View File

@ -420,7 +420,8 @@ export class BallotCard extends React.Component {
render () {
let { contractsStore, votingType, children, isSearchPattern } = this.props;
console.log(votingType);
let ballotClass = (this.showCard() && (this.isCreatorPattern() || this.isMemoPattern() || isSearchPattern)) ? "ballots-i" : "ballots-i display-none";
let isFromSearch = (this.isCreatorPattern() || this.isMemoPattern() || isSearchPattern);
let ballotClass = (this.showCard() && isFromSearch) ? this.isFinalized ? "ballots-i" : "ballots-i ballots-i-not-finalized" : "ballots-i display-none";
const threshold = this.getThreshold(contractsStore, votingType);
return (
<div className={ballotClass}>