(feat) New column types.

This commit is contained in:
Gabriel Rodriguez Alsina 2018-08-16 10:10:19 -03:00
parent 671c672a5c
commit ae64f7f129
3 changed files with 31 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -22,6 +22,9 @@
padding-right: $cell-right-padding;
}
&_name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 12%;
}
&_action {
@ -42,6 +45,14 @@
width: 50%;
word-break: break-all;
}
&_proposed_receiver {
width: 45%;
word-break: break-all;
}
&_funds_amount {
width: 23%;
word-break: break-all;
}
&_proposed-min-threshold {
width: 30%;
word-break: break-all;

View File

@ -7,12 +7,12 @@ import { BallotCard } from './BallotCard.jsx'
export class BallotKeysCard extends React.Component {
render() {
let { id, votingState, pos } = this.props
let affectedKeyClassName
let affectedKey = <p>{votingState.affectedKey}</p>
let newVotingKey
let newPayoutKey
let miningKeyDiv
if (votingState.isAddMining) {
affectedKeyClassName = 'ballots-about-i_key_wide'
if (votingState.newVotingKey || votingState.newPayoutKey) {
@ -36,7 +36,7 @@ export class BallotKeysCard extends React.Component {
return (
<BallotCard votingType="votingToChangeKeys" votingState={votingState} id={id} pos={pos}>
<div className="ballots-about-i ballots-about-i_action">
{/* <div className="ballots-about-i ballots-about-i_action">
<div className="ballots-about-td ballots-about-td-title">
<p className="ballots-about-i--title">Action</p>
</div>
@ -62,7 +62,23 @@ export class BallotKeysCard extends React.Component {
{newPayoutKey}
</div>
</div>
{miningKeyDiv}
{miningKeyDiv} */}
<div className="ballots-about-i ballots-about-i_proposed_receiver">
<div className="ballots-about-td ballots-about-td-title">
<p className="ballots-about-i--title">Proposed Receiver</p>
</div>
<div className="ballots-about-td ballots-about-td-value">
<p>0x4432c441EE96ef387CEC496709967Be6E27f57C8</p>
</div>
</div>
<div className="ballots-about-i ballots-about-i_funds_amount">
<div className="ballots-about-td ballots-about-td-title">
<p className="ballots-about-i--title">Funds Amount</p>
</div>
<div className="ballots-about-td ballots-about-td-value">
<p>10000 POA</p>
</div>
</div>
</BallotCard>
)
}