Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use more explicit classnames

pull/10616/head
Alex P 2017-05-10 19:05:01 -07:00
parent 01fb5da4df
commit 2cc3a62418
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/hosts/components/HostsTable.js
View File

@ -84,9 +84,9 @@ const HostsTable = React.createClass({
sortableClasses(key) { sortableClasses(key) {
if (this.state.sortKey === key) { if (this.state.sortKey === key) {
if (this.state.sortDirection === 'asc') { if (this.state.sortDirection === 'asc') {
return 'sortable-header sorting-up' return 'sortable-header sorting-ascending'
} }
return 'sortable-header sorting-down' return 'sortable-header sorting-descending'
} }
return 'sortable-header' return 'sortable-header'
}, },

18
ui/src/style/components/tables.scss
View File

@ -125,13 +125,9 @@ table .monotype {
cursor: pointer; cursor: pointer;
color: $g19-ghost; color: $g19-ghost;
background-color: $g5-pepper; background-color: $g5-pepper;
&:after {
opacity: 1;
}
} }
&.sorting-down, &.sorting-ascending,
&.sorting-up { &.sorting-descending {
background-color: $g5-pepper; background-color: $g5-pepper;
color: $g19-ghost; color: $g19-ghost;
@ -139,11 +135,11 @@ table .monotype {
opacity: 1; opacity: 1;
} }
} }
&.sorting-down { &.sorting-ascending:after {
transform: translateY(-50%) rotate(180deg);
&:after { }
transform: translateY(-50%) rotate(180deg); &.sorting-descending:after {
} transform: translateY(-50%) rotate(0deg);
} }
} }