2016-09-22 15:29:18 +02:00
|
|
|
.attract-form
|
2016-09-21 18:26:34 +02:00
|
|
|
margin: 10px
|
|
|
|
|
padding: 0 10px 10px
|
|
|
|
|
+container-box
|
|
|
|
|
|
|
|
|
|
.task-name
|
|
|
|
|
font-size: 1.6em
|
|
|
|
|
|
2016-09-21 14:02:05 +02:00
|
|
|
#task-add
|
|
|
|
|
margin-left: auto
|
|
|
|
|
font-size: .85em
|
2016-09-21 15:47:24 +02:00
|
|
|
color: $color-primary
|
2016-09-21 14:02:05 +02:00
|
|
|
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: white
|
|
|
|
|
width: 16px
|
|
|
|
|
height: 16px
|
2016-09-21 18:26:34 +02:00
|
|
|
margin-left: 10px
|
2016-09-21 14:02:05 +02:00
|
|
|
border-radius: 50%
|
2016-09-21 18:26:34 +02:00
|
|
|
transition: all 100ms ease-in-out
|
2016-09-21 14:02:05 +02:00
|
|
|
|
|
|
|
|
.task-list-item
|
|
|
|
|
border-right: 5px solid transparent
|
|
|
|
|
color: $color-primary-dark
|
|
|
|
|
transition: all 150ms ease-in-out
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
text-decoration: none
|
|
|
|
|
color: $color-primary
|
|
|
|
|
|
|
|
|
|
.status-indicator
|
|
|
|
|
transform: scale(1.1)
|
|
|
|
|
|
|
|
|
|
&.active
|
|
|
|
|
border-color: $color-background-dark
|
|
|
|
|
border-right-color: $color-primary
|
|
|
|
|
text-decoration: none
|
2016-09-21 15:47:24 +02:00
|
|
|
background-color: rgba($color-background, .5)
|
2016-09-21 14:02:05 +02:00
|
|
|
|
|
|
|
|
.status-indicator
|
2016-09-21 18:26:34 +02:00
|
|
|
transform: scale(1.1)
|
2016-09-21 14:02:05 +02:00
|
|
|
|
2016-09-21 18:26:34 +02:00
|
|
|
.status, .type
|
2016-09-21 14:02:05 +02:00
|
|
|
display: inline-block
|
|
|
|
|
margin-right: 10px
|
|
|
|
|
text-transform: uppercase
|
|
|
|
|
font-size: .8em
|
|
|
|
|
text-decoration: none
|
|
|
|
|
|
2016-09-21 18:26:34 +02:00
|
|
|
.type
|
2016-09-21 19:38:46 +02:00
|
|
|
margin-left: auto
|
2016-09-21 18:26:34 +02:00
|
|
|
color: $color-text-dark-primary
|
|
|
|
|
.status
|
2016-09-21 14:02:05 +02:00
|
|
|
|
2016-09-21 18:26:34 +02:00
|
|
|
.name
|
|
|
|
|
margin: 10px
|
2016-09-21 14:02:05 +02:00
|
|
|
|
2016-09-21 18:26:34 +02:00
|
|
|
&.status
|
|
|
|
|
&-invalid
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-invalid), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-invalid), 100%, 50%)
|
|
|
|
|
&-todo
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-todo), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-todo), 100%, 50%)
|
|
|
|
|
&-in_progress
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-in_progress), 100%, 60%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-in_progress), 100%, 45%)
|
|
|
|
|
&-on_hold
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-on_hold), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-on_hold), 100%, 50%)
|
|
|
|
|
&-approved
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-approved), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-approved), 100%, 50%)
|
|
|
|
|
&-cbb
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-cbb), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-cbb), 100%, 40%)
|
|
|
|
|
&-final
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-final), 100%, 40%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-final), 100%, 30%)
|
|
|
|
|
&-review
|
|
|
|
|
.status-indicator
|
|
|
|
|
background-color: hsl(hue($color-status-review), 100%, 75%)
|
|
|
|
|
.status
|
|
|
|
|
color: hsl(hue($color-status-review), 100%, 50%)
|
2016-09-21 14:15:25 +02:00
|
|
|
|
|
|
|
|
option.invalid_task
|
|
|
|
|
color: $color-danger
|
|
|
|
|
background-color: hsl(hue($color-danger), 80%, 90%)
|
2016-09-21 15:47:24 +02:00
|
|
|
|
|
|
|
|
.task-list-header
|
|
|
|
|
border-right: thin solid $color-background
|
|
|
|
|
a
|
|
|
|
|
color: $color-text-dark
|
|
|
|
|
a.task-project
|
|
|
|
|
color: $color-text-dark-secondary
|
2016-09-21 16:43:51 +02:00
|
|
|
margin-left: 10px
|
2016-09-21 18:26:34 +02:00
|
|
|
|
|
|
|
|
.input-group-separator
|
|
|
|
|
margin: 10px 0
|
|
|
|
|
border-top: thin solid $color-background
|
