(fix) less / more link color for each network
This commit is contained in:
parent
333a964df3
commit
abd9c21619
|
@ -58,7 +58,16 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
|
||||||
.sokol & {
|
&#{ & }-core {
|
||||||
|
color: $poa-purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
&#{ & }-sokol {
|
||||||
color: $sokol-cyan;
|
color: $sokol-cyan;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&#{ & }-dai {
|
||||||
|
color: $xdai-orange;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
File diff suppressed because one or more lines are too long
|
@ -715,6 +715,7 @@ export class BallotCard extends React.Component {
|
||||||
<Votes networkBranch={networkBranch} votes={votes} />
|
<Votes networkBranch={networkBranch} votes={votes} />
|
||||||
<BallotInfoContainer
|
<BallotInfoContainer
|
||||||
memo={this.memo}
|
memo={this.memo}
|
||||||
|
networkBranch={networkBranch}
|
||||||
threshold={threshold}
|
threshold={threshold}
|
||||||
validatorsLength={contractsStore.validatorsLength}
|
validatorsLength={contractsStore.validatorsLength}
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -18,10 +18,13 @@ export class BallotInfoContainer extends React.Component {
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
let { memo = '', threshold, validatorsLength } = this.props
|
let { memo = '', threshold, validatorsLength, networkBranch } = this.props
|
||||||
let toggleShowMore =
|
let toggleShowMore =
|
||||||
memo.length > MAX_DETAILS_LENGTH ? (
|
memo.length > MAX_DETAILS_LENGTH ? (
|
||||||
<span className="bc-BallotInfoContainer_ToggleShow" onClick={this.toggleDetails}>
|
<span
|
||||||
|
className={`bc-BallotInfoContainer_ToggleShow bc-BallotInfoContainer_ToggleShow-${networkBranch}`}
|
||||||
|
onClick={this.toggleDetails}
|
||||||
|
>
|
||||||
{this.state.detailsCollapsed ? 'More...' : 'Less'}
|
{this.state.detailsCollapsed ? 'More...' : 'Less'}
|
||||||
</span>
|
</span>
|
||||||
) : (
|
) : (
|
||||||
|
|
Loading…
Reference in New Issue