(feat) New column types.
This commit is contained in:
parent
671c672a5c
commit
ae64f7f129
File diff suppressed because one or more lines are too long
|
@ -22,6 +22,9 @@
|
||||||
padding-right: $cell-right-padding;
|
padding-right: $cell-right-padding;
|
||||||
}
|
}
|
||||||
&_name {
|
&_name {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
width: 12%;
|
width: 12%;
|
||||||
}
|
}
|
||||||
&_action {
|
&_action {
|
||||||
|
@ -42,6 +45,14 @@
|
||||||
width: 50%;
|
width: 50%;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
&_proposed_receiver {
|
||||||
|
width: 45%;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
&_funds_amount {
|
||||||
|
width: 23%;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
&_proposed-min-threshold {
|
&_proposed-min-threshold {
|
||||||
width: 30%;
|
width: 30%;
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
|
|
|
@ -7,12 +7,12 @@ import { BallotCard } from './BallotCard.jsx'
|
||||||
export class BallotKeysCard extends React.Component {
|
export class BallotKeysCard extends React.Component {
|
||||||
render() {
|
render() {
|
||||||
let { id, votingState, pos } = this.props
|
let { id, votingState, pos } = this.props
|
||||||
|
|
||||||
let affectedKeyClassName
|
let affectedKeyClassName
|
||||||
let affectedKey = <p>{votingState.affectedKey}</p>
|
let affectedKey = <p>{votingState.affectedKey}</p>
|
||||||
let newVotingKey
|
let newVotingKey
|
||||||
let newPayoutKey
|
let newPayoutKey
|
||||||
let miningKeyDiv
|
let miningKeyDiv
|
||||||
|
|
||||||
if (votingState.isAddMining) {
|
if (votingState.isAddMining) {
|
||||||
affectedKeyClassName = 'ballots-about-i_key_wide'
|
affectedKeyClassName = 'ballots-about-i_key_wide'
|
||||||
if (votingState.newVotingKey || votingState.newPayoutKey) {
|
if (votingState.newVotingKey || votingState.newPayoutKey) {
|
||||||
|
@ -36,7 +36,7 @@ export class BallotKeysCard extends React.Component {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<BallotCard votingType="votingToChangeKeys" votingState={votingState} id={id} pos={pos}>
|
<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">
|
<div className="ballots-about-td ballots-about-td-title">
|
||||||
<p className="ballots-about-i--title">Action</p>
|
<p className="ballots-about-i--title">Action</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,7 +62,23 @@ export class BallotKeysCard extends React.Component {
|
||||||
{newPayoutKey}
|
{newPayoutKey}
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</BallotCard>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue