Fix sort order icons dark theme support
Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
Raimund Schlüßler
|
|
@ -1,40 +1,40 @@
|
|||
@include icon-black-white('circle', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('list', 'tasks', 1);
|
||||
@include icon-black-white('list__up', 'tasks', 1);
|
||||
@include icon-black-white('list__down', 'tasks', 1);
|
||||
@include icon-black-white('list--up', 'tasks', 1);
|
||||
@include icon-black-white('list--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('start', 'tasks', 1);
|
||||
@include icon-black-white('start__up', 'tasks', 1);
|
||||
@include icon-black-white('start__down', 'tasks', 1);
|
||||
@include icon-black-white('start--up', 'tasks', 1);
|
||||
@include icon-black-white('start--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('due', 'tasks', 1);
|
||||
@include icon-black-white('due__up', 'tasks', 1);
|
||||
@include icon-black-white('due__down', 'tasks', 1);
|
||||
@include icon-black-white('due--up', 'tasks', 1);
|
||||
@include icon-black-white('due--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('add', 'tasks', 1);
|
||||
@include icon-black-white('add__up', 'tasks', 1);
|
||||
@include icon-black-white('add__down', 'tasks', 1);
|
||||
@include icon-black-white('add--up', 'tasks', 1);
|
||||
@include icon-black-white('add--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('manual', 'tasks', 1);
|
||||
@include icon-black-white('manual__up', 'tasks', 1);
|
||||
@include icon-black-white('manual__down', 'tasks', 1);
|
||||
@include icon-black-white('manual--up', 'tasks', 1);
|
||||
@include icon-black-white('manual--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('rename', 'tasks', 1);
|
||||
@include icon-black-white('rename__up', 'tasks', 1);
|
||||
@include icon-black-white('rename__down', 'tasks', 1);
|
||||
@include icon-black-white('rename--up', 'tasks', 1);
|
||||
@include icon-black-white('rename--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('checkmark', 'tasks', 1);
|
||||
@include icon-black-white('checkmark__up', 'tasks', 1);
|
||||
@include icon-black-white('checkmark__down', 'tasks', 1);
|
||||
@include icon-black-white('checkmark--up', 'tasks', 1);
|
||||
@include icon-black-white('checkmark--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('task-star', 'tasks', 1);
|
||||
@include icon-black-white('task-star__up', 'tasks', 1);
|
||||
@include icon-black-white('task-star__down', 'tasks', 1);
|
||||
@include icon-black-white('task-star--up', 'tasks', 1);
|
||||
@include icon-black-white('task-star--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('alphabetically', 'tasks', 1);
|
||||
@include icon-black-white('alphabetically__up', 'tasks', 1);
|
||||
@include icon-black-white('alphabetically__down', 'tasks', 1);
|
||||
@include icon-black-white('alphabetically--up', 'tasks', 1);
|
||||
@include icon-black-white('alphabetically--down', 'tasks', 1);
|
||||
|
||||
@include icon-black-white('subtasks-visible', 'tasks', 1);
|
||||
@include icon-black-white('subtasks-hidden', 'tasks', 1);
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 233 B After Width: | Height: | Size: 233 B |
|
Before Width: | Height: | Size: 234 B After Width: | Height: | Size: 234 B |
|
Before Width: | Height: | Size: 419 B After Width: | Height: | Size: 419 B |
|
Before Width: | Height: | Size: 430 B After Width: | Height: | Size: 430 B |
|
Before Width: | Height: | Size: 253 B After Width: | Height: | Size: 253 B |
|
Before Width: | Height: | Size: 254 B After Width: | Height: | Size: 254 B |
|
Before Width: | Height: | Size: 921 B After Width: | Height: | Size: 921 B |
|
Before Width: | Height: | Size: 922 B After Width: | Height: | Size: 922 B |
|
Before Width: | Height: | Size: 292 B After Width: | Height: | Size: 292 B |
|
Before Width: | Height: | Size: 293 B After Width: | Height: | Size: 293 B |
|
Before Width: | Height: | Size: 571 B After Width: | Height: | Size: 571 B |
|
Before Width: | Height: | Size: 572 B After Width: | Height: | Size: 572 B |
|
Before Width: | Height: | Size: 284 B After Width: | Height: | Size: 284 B |
|
Before Width: | Height: | Size: 285 B After Width: | Height: | Size: 285 B |
|
Before Width: | Height: | Size: 934 B After Width: | Height: | Size: 934 B |
|
Before Width: | Height: | Size: 935 B After Width: | Height: | Size: 935 B |
|
Before Width: | Height: | Size: 264 B After Width: | Height: | Size: 264 B |
|
Before Width: | Height: | Size: 265 B After Width: | Height: | Size: 265 B |
|
|
@ -139,7 +139,7 @@ export default {
|
|||
sortOrderIcon() {
|
||||
for (const order of this.orders) {
|
||||
if (order.id === this.sortOrder) {
|
||||
return `${order.icon}__${this.sortDirection ? 'down' : 'up'}`
|
||||
return `${order.icon}--${this.sortDirection ? 'down' : 'up'}`
|
||||
}
|
||||
}
|
||||
return 'icon-list'
|
||||
|
|
@ -150,7 +150,7 @@ export default {
|
|||
if (order.id !== this.sortOrder) {
|
||||
return order.icon
|
||||
} else {
|
||||
return `${order.icon}__${this.sortDirection ? 'down' : 'up'}`
|
||||
return `${order.icon}--${this.sortDirection ? 'down' : 'up'}`
|
||||
}
|
||||
},
|
||||
setSortOrder(order) {
|
||||
|
|
|
|||