2016-09-22 12:31:39 +02:00
|
|
|
.table
|
2016-09-22 21:27:15 +02:00
|
|
|
.table-cell
|
|
|
|
&.shot-status
|
|
|
|
width: 5px
|
|
|
|
height: 100%
|
2016-09-22 12:31:39 +02:00
|
|
|
.table-head
|
|
|
|
.table-cell
|
2016-09-22 16:43:19 +02:00
|
|
|
text-align: center
|
|
|
|
|
2016-09-26 15:58:08 +02:00
|
|
|
&.highlight .collapser
|
|
|
|
color: $color-primary-dark
|
|
|
|
|
2016-09-22 12:31:39 +02:00
|
|
|
&.shot-thumbnail
|
|
|
|
width: $shots-list-thumbnail-width
|
|
|
|
|
|
|
|
&.task-type
|
|
|
|
text-transform: capitalize
|
|
|
|
|
2016-09-22 15:44:41 +02:00
|
|
|
span.collapser
|
|
|
|
cursor: pointer
|
2016-09-22 16:43:19 +02:00
|
|
|
width: 100%
|
|
|
|
display: inline-block
|
|
|
|
padding: 5px
|
2016-09-22 15:44:41 +02:00
|
|
|
|
2016-09-26 15:58:08 +02:00
|
|
|
&:hover
|
|
|
|
span.collapser
|
|
|
|
color: $color-primary
|
|
|
|
|
2016-09-22 12:31:39 +02:00
|
|
|
.table-body
|
|
|
|
display: table-row-group
|
2016-09-22 21:27:15 +02:00
|
|
|
|
|
|
|
.table-row
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
&.active
|
|
|
|
border-color: $color-background-dark
|
|
|
|
background-color: $color-background-light
|
|
|
|
|
|
|
|
.table-cell:last-child
|
|
|
|
box-shadow: inset -5px 0 0 $color-primary
|
|
|
|
|
|
|
|
&.status
|
|
|
|
&-invalid
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-invalid-dark
|
|
|
|
&-todo
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-todo-dark
|
|
|
|
&-in_progress
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-in_progress-dark
|
|
|
|
&-on_hold
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-on_hold-dark
|
|
|
|
&-approved
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-approved-dark
|
|
|
|
&-cbb
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-cbb-dark
|
|
|
|
&-final
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-final-dark
|
|
|
|
&-review
|
|
|
|
.shot-status
|
|
|
|
background-color: $color-status-review-dark
|
|
|
|
|
2016-09-22 12:31:39 +02:00
|
|
|
.table-cell
|
2016-09-22 16:43:19 +02:00
|
|
|
text-align: center
|
2016-09-26 15:58:08 +02:00
|
|
|
border-left: thin solid transparent
|
|
|
|
border-right: thin solid transparent
|
|
|
|
|
|
|
|
&.active
|
|
|
|
background-color: $color-background
|
|
|
|
|
|
|
|
&.highlight
|
|
|
|
background-color: $color-background-light
|
|
|
|
|
2016-09-22 12:31:39 +02:00
|
|
|
&.shot-name
|
2016-09-22 21:27:15 +02:00
|
|
|
padding: 0px 10px
|
2016-09-22 16:43:19 +02:00
|
|
|
text-align: left
|
2016-09-26 15:58:08 +02:00
|
|
|
position: relative
|
|
|
|
height: 100%
|
2016-09-22 21:27:15 +02:00
|
|
|
a
|
2016-09-26 15:58:08 +02:00
|
|
|
height: 100%
|
2016-09-22 21:27:15 +02:00
|
|
|
color: $color-text-dark-primary
|
2016-09-22 12:31:39 +02:00
|
|
|
|
2016-09-22 15:44:41 +02:00
|
|
|
&.task-type
|
2016-09-22 12:31:39 +02:00
|
|
|
max-width: 120px
|
2016-09-26 15:58:08 +02:00
|
|
|
position: relative
|
|
|
|
height: 100%
|
|
|
|
overflow: hidden
|
2016-09-22 12:31:39 +02:00
|
|
|
|
|
|
|
a
|
2016-09-22 21:27:15 +02:00
|
|
|
display: inline-block /* Each task in a new line */
|
|
|
|
position: relative
|
|
|
|
top: 2px
|
2016-09-26 15:58:08 +02:00
|
|
|
height: 100%
|
2016-09-26 16:25:14 +02:00
|
|
|
padding: 0 15px
|
2016-09-22 16:43:19 +02:00
|
|
|
transition: all 150ms ease-in-out
|
2016-09-26 15:58:08 +02:00
|
|
|
+status-background-color-before
|
|
|
|
|
|
|
|
&:before
|
|
|
|
display: block
|
|
|
|
content: ''
|
|
|
|
position: absolute
|
|
|
|
width: 16px
|
|
|
|
height: 16px
|
|
|
|
border-radius: 50%
|
|
|
|
border: 2px solid transparent
|
|
|
|
top: 50%
|
|
|
|
left: 50%
|
|
|
|
transform: translate(-50%, -50%)
|
2016-09-26 16:25:14 +02:00
|
|
|
transition: all 150ms ease-in-out
|
2016-09-22 16:43:19 +02:00
|
|
|
|
2016-09-22 17:09:43 +02:00
|
|
|
&.active
|
2016-09-22 19:14:58 +02:00
|
|
|
opacity: 1
|
2016-09-29 15:50:27 +02:00
|
|
|
|
|
|
|
&:before
|
|
|
|
transform: translate(-50%, -50%) scale(1.6)
|
|
|
|
border: 2px solid $color-primary
|
2016-09-22 21:27:15 +02:00
|
|
|
|
|
|
|
&.task-add
|
|
|
|
width: auto
|
|
|
|
border-radius: initial
|
2016-09-23 18:07:11 +02:00
|
|
|
opacity: 0
|
2016-09-26 15:58:08 +02:00
|
|
|
vertical-align: middle
|
2016-09-29 15:50:27 +02:00
|
|
|
padding: 5px
|
2016-09-29 15:35:52 +02:00
|
|
|
display: flex
|
2016-09-22 17:09:43 +02:00
|
|
|
|
2016-09-26 16:25:14 +02:00
|
|
|
&:hover
|
|
|
|
opacity: 1
|
2016-09-22 12:31:39 +02:00
|
|
|
|
2016-09-26 16:25:14 +02:00
|
|
|
&:hover
|
|
|
|
&:before
|
|
|
|
opacity: .8
|
|
|
|
transform: translate(-50%, -50%) scale(1.3)
|
2016-09-23 14:06:11 +02:00
|
|
|
|
|
|
|
.attract-form span.shot_id
|
|
|
|
float: right
|
2016-09-23 18:07:11 +02:00
|
|
|
|
|
|
|
.attract-form
|
|
|
|
.item-id
|
|
|
|
padding: 8px
|
|
|
|
margin-left: 10px
|
|
|
|
width: 40px
|
|
|
|
border: thin solid transparent
|
2016-09-28 17:34:53 +02:00
|
|
|
background-color: white
|
|
|
|
color: $color-text-dark-secondary
|
|
|
|
box-shadow: none
|
|
|
|
border-color: $color-text-dark-hint
|
2016-09-23 18:07:11 +02:00
|
|
|
|
|
|
|
&:hover
|
2016-09-28 17:34:53 +02:00
|
|
|
color: $color-text-dark-primary
|
|
|
|
border-color: $color-text-dark-primary
|
2016-09-29 16:02:15 +02:00
|
|
|
|
|
|
|
#item-details
|
|
|
|
height: 100%
|
|
|
|
display: flex
|
|
|
|
flex-direction: column
|
|
|
|
|
|
|
|
.item-details-empty
|
|
|
|
display: flex
|
|
|
|
align-items: center
|
|
|
|
justify-content: center
|
|
|
|
width: 100%
|
|
|
|
height: 100%
|
|
|
|
color: rgba($color-text-dark-hint, .5)
|
|
|
|
cursor: default
|
|
|
|
font:
|
|
|
|
size: 2em
|
|
|
|
weight: 100
|