145 lines
2.9 KiB
Stylus
145 lines
2.9 KiB
Stylus
|
#workers
|
||
|
|
display: table
|
||
|
|
content-box: border-box
|
||
|
|
padding: 10px 20px
|
||
|
|
height: 100%
|
||
|
|
width: 100%
|
||
|
|
text-align: left
|
||
|
|
|
||
|
|
.tableControls
|
||
|
|
display: table
|
||
|
|
width: 100%
|
||
|
|
text-align: right
|
||
|
|
margin-right: 20px
|
||
|
|
.showHidden
|
||
|
|
display: table-cell
|
||
|
|
width: 100%
|
||
|
|
.controlLabel
|
||
|
|
font-size: 9px
|
||
|
|
font-weight: 700
|
||
|
|
color: #5a5a5a
|
||
|
|
position: relative
|
||
|
|
top: -2px
|
||
|
|
.toggleShowHidden
|
||
|
|
margin: 0 40px 0 0
|
||
|
|
position: relative
|
||
|
|
top: -4px
|
||
|
|
display: inline-block
|
||
|
|
.contentControls
|
||
|
|
vertical-align: bottom
|
||
|
|
display: table-cell
|
||
|
|
text-align: right
|
||
|
|
min-width: 100px
|
||
|
|
a
|
||
|
|
font-size: 12px
|
||
|
|
font-family: "Arial", san-serif
|
||
|
|
font-weight: 800
|
||
|
|
color: #2d1b8c
|
||
|
|
text-decoration: none
|
||
|
|
a:hover
|
||
|
|
text-decoration: underline
|
||
|
|
a.disabled
|
||
|
|
visibility: hidden
|
||
|
|
.table
|
||
|
|
table-layout: fixed
|
||
|
|
min-width: 100%
|
||
|
|
thead, tbody
|
||
|
|
> tr
|
||
|
|
> .name
|
||
|
|
width: 30%
|
||
|
|
min-width: 100px
|
||
|
|
> .activities
|
||
|
|
width: 50%
|
||
|
|
min-width: 100px
|
||
|
|
> .hourlyRate
|
||
|
|
width: 20%
|
||
|
|
min-width: 100px
|
||
|
|
> .actions
|
||
|
|
width: 90px
|
||
|
|
min-width: 90px
|
||
|
|
.separatedTableHeader
|
||
|
|
table
|
||
|
|
thead
|
||
|
|
> tr
|
||
|
|
.actions
|
||
|
|
text-align: center
|
||
|
|
.newWorkerButton
|
||
|
|
margin-top: 4px
|
||
|
|
padding: 0 12px
|
||
|
|
.fa-plus-circle
|
||
|
|
display: inline-block
|
||
|
|
.fa-times-circle
|
||
|
|
display: none
|
||
|
|
.newWorkerButton.active
|
||
|
|
background-color: #fb557b
|
||
|
|
color: black
|
||
|
|
.fa-times-circle
|
||
|
|
display: inline-block
|
||
|
|
.fa-plus-circle
|
||
|
|
display: none
|
||
|
|
.listRow
|
||
|
|
display: table-row
|
||
|
|
.listCell
|
||
|
|
display: table-cell
|
||
|
|
position: relative
|
||
|
|
height: 100%
|
||
|
|
width: 100%
|
||
|
|
.tableContainer
|
||
|
|
position: absolute
|
||
|
|
top: 0
|
||
|
|
bottom: 0
|
||
|
|
left: 0
|
||
|
|
right: 0
|
||
|
|
width: auto
|
||
|
|
height: auto
|
||
|
|
border: 0
|
||
|
|
font-size: 12.5px
|
||
|
|
overflow-y: auto
|
||
|
|
table
|
||
|
|
table-layout: fixed
|
||
|
|
width: 100%
|
||
|
|
.workerSearch
|
||
|
|
margin: 3px 0 2px 1px
|
||
|
|
.workerEditorTd
|
||
|
|
background: #deeac0
|
||
|
|
input[name="name"], .activitiesEditor, input[name="hourlyRate"]
|
||
|
|
width: 100%
|
||
|
|
.editorDiv
|
||
|
|
margin: 4px 0
|
||
|
|
label
|
||
|
|
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
|
||
|
|
font-size: .9em
|
||
|
|
padding-bottom: 4px
|
||
|
|
select2
|
||
|
|
font-size: .4em
|
||
|
|
> thead
|
||
|
|
display: none
|
||
|
|
visibility: hidden
|
||
|
|
> tbody
|
||
|
|
> tr
|
||
|
|
.actionRemove
|
||
|
|
color: #F77
|
||
|
|
.actionEdit
|
||
|
|
color: #44F
|
||
|
|
.editorApply
|
||
|
|
color: green
|
||
|
|
.editorCancel
|
||
|
|
color: red
|
||
|
|
> tr.deactivated
|
||
|
|
background-color: #fac0d1
|
||
|
|
.actionActivate
|
||
|
|
color: #158b18
|
||
|
|
.actionHide
|
||
|
|
color: #6a0707
|
||
|
|
.actionEdit
|
||
|
|
color: #0101e4
|
||
|
|
> tr.deactivated:hover
|
||
|
|
background-color: #ffcadb
|
||
|
|
> tr.hidden
|
||
|
|
background-color: #e995ff
|
||
|
|
.actionEdit
|
||
|
|
color: #0101e4
|
||
|
|
.actionShow
|
||
|
|
color: #027905
|
||
|
|
> tr.hidden:hover
|
||
|
|
background-color: #ffb5ff
|