Prototyped the barcode idea; Added a basic production system.
This commit is contained in:
192
imports/ui/Production.import.styl
vendored
192
imports/ui/Production.import.styl
vendored
@@ -1,60 +1,142 @@
|
||||
#production
|
||||
margin: 10px 20px
|
||||
display: table
|
||||
content-box: border-box
|
||||
padding: 10px 20px
|
||||
height: 100%
|
||||
//Flex container options.
|
||||
flex-flow: column nowrap
|
||||
justify-content: space-around //Spacing between sales along the primary axis. (vertical spacing for a column layout)
|
||||
align-items: flex-start //Align the sales within a line along the primary axis. (horizontal alignment for a column layout)
|
||||
align-content: center //Spacing between lines along the secondary axis. (spacing between columns for a column layout)
|
||||
display: -webkit-box
|
||||
display: -moz-box
|
||||
display: -ms-flexbox
|
||||
display: -moz-flex
|
||||
display: -webkit-flex
|
||||
display: flex
|
||||
width: 100%
|
||||
text-align: left
|
||||
|
||||
.editor
|
||||
height: 100%
|
||||
overflow-y: auto
|
||||
|
||||
.insertSale
|
||||
flex: none
|
||||
.tableControls
|
||||
text-align: right
|
||||
margin-right: 20px
|
||||
margin-bottom: 4px
|
||||
display: table
|
||||
width: 100%
|
||||
.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
|
||||
|
||||
.formGroupHeading
|
||||
font-size: 1.6em
|
||||
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
|
||||
font-style: normal
|
||||
font-variant: normal
|
||||
font-weight: 500
|
||||
|
||||
.grid
|
||||
flex: auto
|
||||
align-self: stretch
|
||||
overflow-y: auto
|
||||
overflow-x: auto
|
||||
margin-bottom: 20px
|
||||
border: 0
|
||||
padding-top: 20px
|
||||
|
||||
.table > thead > tr > th
|
||||
border: 0
|
||||
padding-top: 0
|
||||
padding-bottom: 6px
|
||||
|
||||
.left
|
||||
text-align: left
|
||||
.center
|
||||
text-align: center
|
||||
|
||||
.dataTable
|
||||
table-layout: fixed
|
||||
|
||||
.tdLarge
|
||||
font-size: 1.3em
|
||||
.saleRemove
|
||||
color: red
|
||||
margin-left: 8px
|
||||
.saleEdit
|
||||
color: darkblue
|
||||
margin-right: 8px
|
||||
.table
|
||||
table-layout: fixed
|
||||
min-width: 100%
|
||||
thead, tbody
|
||||
> tr
|
||||
> .hasLabels
|
||||
width: 30px
|
||||
.hasLabels
|
||||
color green
|
||||
.noLabels
|
||||
color red
|
||||
> .name
|
||||
//width: auto
|
||||
width: 100%
|
||||
> .date
|
||||
//width: auto
|
||||
min-width: 150px
|
||||
max-width: 180px
|
||||
> .amount
|
||||
//width: auto
|
||||
min-width: 100px
|
||||
max-width: 100px
|
||||
> .cook
|
||||
//width: auto
|
||||
min-width: 150px
|
||||
max-width: 180px
|
||||
> .canner
|
||||
//width: auto
|
||||
min-width: 150px
|
||||
max-width: 180px
|
||||
> .comment
|
||||
width: 220px
|
||||
min-width: 220px
|
||||
max-width: 220px
|
||||
> .actions
|
||||
width: 90px
|
||||
min-width: 90px
|
||||
max-width: 90px
|
||||
> tr.deleted
|
||||
background-color: gray
|
||||
.separatedTableHeader
|
||||
table
|
||||
thead
|
||||
> tr
|
||||
> th.actions
|
||||
text-align: center
|
||||
.newButton
|
||||
margin-top: 4px
|
||||
padding: 0 12px
|
||||
.fa-plus-circle
|
||||
display: inline-block
|
||||
.fa-times-circle
|
||||
display: none
|
||||
.newButton:active
|
||||
background-color: #fb557b
|
||||
color: black
|
||||
.fa-times-circle
|
||||
display: inline-block
|
||||
.fa-plus-circle
|
||||
display: none
|
||||
.showDeletedButton
|
||||
margin-top: 4px
|
||||
padding: 0 12px
|
||||
color gray
|
||||
.showDeletedButton.selected
|
||||
color black
|
||||
.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
|
||||
thead
|
||||
visibility: hidden
|
||||
display: none
|
||||
.search
|
||||
margin: 3px 0 2px 1px
|
||||
.editorTd
|
||||
background: #deeac0
|
||||
input, select
|
||||
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
|
||||
> tbody
|
||||
> tr
|
||||
.actionRemove
|
||||
color: #F77
|
||||
.actionEdit
|
||||
color: #44F
|
||||
.editorApply
|
||||
color: green
|
||||
.editorCancel
|
||||
color: red
|
||||
Reference in New Issue
Block a user