159 lines
3.1 KiB
Stylus
159 lines
3.1 KiB
Stylus
#salesMain
|
|
display: table
|
|
content-box: border-box
|
|
padding: 10px 20px
|
|
height: 100%
|
|
width: 100%
|
|
text-align: left
|
|
.controls
|
|
text-align: left
|
|
display: table
|
|
width: 100%
|
|
.pageControls
|
|
padding: 4px 8px
|
|
margin: 4px 8px
|
|
display: table-cell
|
|
width: 240px
|
|
.tableControls
|
|
text-align: right
|
|
padding: 4px 8px
|
|
margin: 4px 12px 4px 8px
|
|
display: table-cell
|
|
.table
|
|
table-layout: fixed
|
|
min-width: 100%
|
|
thead, tbody
|
|
> tr
|
|
> .amount
|
|
width: 90px
|
|
min-width: 90px
|
|
> .product
|
|
width: 100%
|
|
min-width: 140px
|
|
> .price
|
|
width: 140px
|
|
min-width: 140px
|
|
> .measure
|
|
width: 100px
|
|
min-width: 100px
|
|
> .saleDate
|
|
width: 150px
|
|
min-width: 150px
|
|
> .createdDate
|
|
width: 100px
|
|
min-width: 100px
|
|
> .venue
|
|
width: 160px
|
|
min-width: 160px
|
|
> .actions
|
|
width: 90px
|
|
min-width: 90px
|
|
.separatedTableHeader
|
|
table
|
|
thead
|
|
> tr
|
|
> th.actions
|
|
.newSaleButton
|
|
padding: 0 12px
|
|
.fa-plus-circle
|
|
display: inline-block
|
|
.fa-times-circle
|
|
display: none
|
|
.newSaleButton.active
|
|
background-color: #fb557b
|
|
color: black
|
|
.fa-times-circle
|
|
display: inline-block
|
|
.fa-plus-circle
|
|
display: none
|
|
.showOnlyComments
|
|
color: #bcb95f
|
|
padding: 4px 8px
|
|
.showOnlyComments:hover
|
|
color: white
|
|
text-shadow: 0px 0px 10px #ff6d1f
|
|
.showOnlyComments.on
|
|
color: white
|
|
> th.saleDate
|
|
input
|
|
width: 130px
|
|
.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: scroll
|
|
label
|
|
font-size: 10px
|
|
font-weight: 800
|
|
table
|
|
thead
|
|
visibility: hidden
|
|
display: none
|
|
.saleRemove
|
|
color: red
|
|
margin-left: 8px
|
|
.saleEdit
|
|
color: darkblue
|
|
margin-right: 8px
|
|
.editorApply
|
|
color: green
|
|
.editorCancel
|
|
color: red
|
|
.saleDate
|
|
text-align: left
|
|
.createdDate
|
|
text-align: left
|
|
.editComment
|
|
color: grey
|
|
.hasComment
|
|
color: black
|
|
.actionEdit
|
|
margin-right: 6px
|
|
color: #44F
|
|
.saleEditor
|
|
.heading
|
|
font-size: 2em
|
|
font-family: verdana, arial, helvetica, sans-serif
|
|
text-transform: uppercase
|
|
font-weight: 800
|
|
margin: 6px 0 14px 0
|
|
.priceContainer
|
|
display: table
|
|
width: 100%
|
|
.price
|
|
display: table-cell
|
|
padding-right: 10px
|
|
.priceButtons
|
|
display: table-cell
|
|
width: 1.5em
|
|
.setDefaultPrice
|
|
font-size: 1.5em
|
|
padding: 6px 8px
|
|
margin-left: 8px
|
|
border-radius: 8px
|
|
.setDefaultPrice:hover
|
|
text-shadow: 0px 0px 6px #00b900
|
|
.setDefaultPrice:active
|
|
text-shadow: 0px 0px 6px grey
|
|
.insertSaleForm
|
|
.form-group, label
|
|
text-align: left
|
|
.formGroupHeading
|
|
font-size: 1.6em
|
|
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
|
|
font-style: normal
|
|
font-variant: normal
|
|
font-weight: 500 |