LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

Rotate added.

Browse source
This commit is contained in:
Minesh Mitha 2018-10-21 23:38:04 +01:00
parent b846672213
commit a3b826fa87
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
client/scss/vertical-split/_vertical-split.scss
View file

@ -20,5 +20,15 @@
height: 24px;
svg {
stroke: $brand-color;
&.plus-icon {
transform: rotate(0);
transition: all 0.4s ease;
}
}
&:hover {
.plus-icon {
transform: rotate(-180deg);
}
}
}

2
client/src/components/VerticalCollapsibleSplit/index.jsx
View file

@ -19,7 +19,7 @@ class VerticalCollapsibleSplit extends React.Component {
<div className='visible-content' data-name={this.props.name}>
{this.props.top}
<button className='collapse-button' onClick={this.collapse}>
{this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle /> }
{this.state.closed ? <Icon.MinusCircle /> : <Icon.PlusCircle className='plus-icon' /> }
</button>
</div>
<div className='collapse-content' data-name={this.props.name}>