Icon changed to circle
This commit is contained in:
parent
15da80fefb
commit
293a2ccfad
3 changed files with 4 additions and 2 deletions
|
@ -75,7 +75,7 @@
|
||||||
}
|
}
|
||||||
&:last-child {
|
&:last-child {
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
border-left: 1px solid #A9ADBA;
|
border-left: 1px solid #9095a54d;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -15,6 +15,8 @@
|
||||||
letter-spacing: -0.6px;
|
letter-spacing: -0.6px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
|
letter-spacing: 0;
|
||||||
|
font-family: monospace;
|
||||||
}
|
}
|
||||||
svg {
|
svg {
|
||||||
stroke: $brand-color;
|
stroke: $brand-color;
|
||||||
|
|
|
@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
|
||||||
<div className='visible-content' data-name={this.props.name}>
|
<div className='visible-content' data-name={this.props.name}>
|
||||||
{this.props.top}
|
{this.props.top}
|
||||||
<button className='collapse-button' onClick={this.collapse}>
|
<button className='collapse-button' onClick={this.collapse}>
|
||||||
{this.state.closed ? <Icon.MinusSquare /> : <Icon.PlusSquare /> }
|
{this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle /> }
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div className='collapse-content' data-name={this.props.name}>
|
<div className='collapse-content' data-name={this.props.name}>
|
||||||
|
|
Loading…
Reference in a new issue