tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Max Red - Added even even more more basic scss [skip ci]

This commit is contained in:
ivan 2017-01-15 15:47:13 -03:00
parent 0500666174
commit 30f1526f1c
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/core-components/toggle-list.js
View File

@ -44,6 +44,7 @@ class ToggleList extends React.Component {
let classes = { let classes = {
'toggle-list__item': true, 'toggle-list__item': true,
'toggle-list__first-item': (index === 0), 'toggle-list__first-item': (index === 0),
'toggle-list__last-item': (index === this.props.items.length - 1),
'toggle-list__selected': _.includes(this.getSelectedList(), index) 'toggle-list__selected': _.includes(this.getSelectedList(), index)
}; };

9
client/src/core-components/toggle-list.scss
View File

@ -8,14 +8,19 @@
width: 180px; width: 180px;
height: 120px; height: 120px;
display: inline-block; display: inline-block;
transition: background-color 0.4s ease; transition: box-shadow 0.2s ease-in-out;
} }
&__selected { &__selected {
background-color: $light-grey; box-shadow: inset 0 -5px 40px 10px rgba(0, 0, 0, 0.05);
} }
&__first-item { &__first-item {
border: 1px $light-grey solid; border: 1px $light-grey solid;
border-radius: 4px 0 0 4px;
}
&__last-item {
border-radius: 0 4px 4px 0;
} }
} }