Unify tasks list look with other tables

This commit is contained in:
2016-11-09 23:38:12 +01:00
parent 3ba34cf4b8
commit a14a39e79f
3 changed files with 14 additions and 33 deletions

View File

@@ -90,14 +90,6 @@ body
.table-body
.table-row
&.active
background-color: $color-background-active
.table-cell
border-bottom-color: darken($color-background-active, 15%)
.table-cell:last-child
box-shadow: inset -5px 0 0 $color-primary
@include status-color-property(background-color, ' .item-status', '')
.table-cell

View File

@@ -99,46 +99,33 @@
color: $color-primary
.status-indicator
background-color: white
height: 16px
width: 16px
min-width: 16px
margin-left: 10px
border-radius: 50%
transition: all 100ms ease-in-out
position: absolute
height: 100%
top: 0
bottom: 0
width: 5px
.task-list-item
position: relative
color: $color-text-dark
&:hover
text-decoration: none
color: $color-text-dark-primary
background-color: $color-background-light
.status-indicator
transform: scale(1.2)
text-decoration: none
&.active
text-decoration: none
background-color: $color-background-active
box-shadow: inset -5px 0 0 $color-primary
text-shadow: 1px 1px 0 white
.status-indicator
transform: scale(1.2)
.status, .type, .due_date
.status, .due_date
display: inline-block
margin-right: 10px
text-transform: uppercase
font-size: .8em
text-decoration: none
.type
margin-left: auto
color: $color-text-dark-secondary
+text-overflow-ellipsis
.due_date
margin-left: auto
color: $color-text-dark-primary
@@ -147,14 +134,13 @@
&.late
color: $color-danger
.name
padding: 10px
padding: 5px 5px 5px 10px
+text-overflow-ellipsis
.shotname
color: $color-text-dark-secondary
margin-left: 10px
margin-left: 15px
padding-right: 10px
position: relative
+text-overflow-ellipsis
@@ -169,6 +155,9 @@
content: ''
border: thin solid $color-text-dark-hint
.status-indicator+.name
margin-left: 5px
@include status-color-property(background-color, ' .status-indicator', '')
option.invalid_task

View File

@@ -10,7 +10,7 @@
| {% if 'PUT' in project.allowed_methods %}
a#item-add(href="javascript:task_create(undefined, 'generic');") + Create Task
| {% endif %}
.item-list.col-list.col-scrollable
.item-list.task.col-list.col-scrollable
| {% for task in tasks %}
//- NOTE: this is tightly linked to the JS in tasks.js, function task_add()
a.col-list-item.task-list-item(