archive/attract
0
0
Fork 0
Code Issues 7 Pull Requests Projects Releases Wiki Activity

Unify tasks list look with other tables

Browse Source
This commit is contained in:
Pablo Vazquez
2016-11-09 23:38:12 +01:00
parent 3ba34cf4b8
commit a14a39e79f
3 changed files with 14 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/styles/_app_base.sass
View File

@@ -90,14 +90,6 @@ body
.table-body .table-body
.table-row .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', '') @include status-color-property(background-color, ' .item-status', '')
.table-cell .table-cell

37
src/styles/_tasks.sass
View File

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

2
src/templates/attract/tasks/for_project.jade
View File

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