tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-07-27 15:54:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Ivan - Fix stats toggle button colors [skip ci]

Browse Source
This commit is contained in:
ivan 2017-03-19 19:29:15 -03:00
parent 88657ea76a
commit 0d74e5dd39
4 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app-components/stats.js
View File

@ -70,11 +70,13 @@ class Stats extends React.Component {
type: this.props.type === 'general' ? 'default' : 'small',
items: this.getStrokes().map((name) => {
return {
content:
className: 'stats__toggle-list_' + name,
content: (
<div className="stats__toggle-list-item">
<div className="stats__toggle-list-item-value">{this.state.stats[name]}</div>
<div className="stats__toggle-list-item-name">{i18n('CHART_' + name)}</div>
</div>
)
}
})
};

21
client/src/app-components/stats.scss
View File

@ -23,6 +23,27 @@
line-height: 20px;
}
}
&_CREATE_TICKET.toggle-list__selected {
box-shadow: inset 0 -5px 0px 0px rgba(20, 150, 20, 0.6);
}
&_CLOSE.toggle-list__selected {
box-shadow: inset 0 -5px 0px 0px rgba(150, 20, 20, 0.6);
}
&_SIGNUP.toggle-list__selected {
box-shadow: inset 0 -5px 0px 0px rgba(20, 20, 150, 0.6);
}
&_COMMENT.toggle-list__selected {
box-shadow: inset 0 -5px 0px 0px rgba(20, 200, 200, 0.6);
}
&_ASSIGN.toggle-list__selected {
box-shadow: inset 0 -5px 0px 0px rgba(20, 150, 20, 0.6);
}
}
&_staff {

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

@ -36,13 +36,13 @@ class ToggleList extends React.Component {
renderItem(obj, index) {
return (
<div className={this.getItemClass(index)} onClick={this.selectItem.bind(this, index)} key={index}>
<div className={this.getItemClass(index, obj)} onClick={this.selectItem.bind(this, index)} key={index}>
{obj.content}
</div>
);
}
getItemClass(index) {
getItemClass(index, obj) {
let classes = {
'toggle-list__item': true,
'toggle-list__first-item': (index === 0),
@ -50,6 +50,8 @@ class ToggleList extends React.Component {
'toggle-list__selected': _.includes(this.getSelectedList(), index)
};
classes[obj.className] = (obj.className);
return classNames(classes);
}

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

@ -14,7 +14,7 @@
}
&__selected {
box-shadow: inset 0 -5px 40px 10px rgba(0, 0, 0, 0.08);
box-shadow: inset 0 2px 12px -5px rgba(0, 0, 0, 0.7);
}
&__first-item {