51 lines
1.3 KiB
Sass
51 lines
1.3 KiB
Sass
.list-status
|
|
.list-needs-help-indicator
|
|
display: inline-block
|
|
width: 30px
|
|
color: #400
|
|
background-color: #aaf
|
|
text-align: center
|
|
margin-right: 7px
|
|
&.hide
|
|
display: none
|
|
.list-needs-payment-indicator
|
|
display: inline-block
|
|
width: 30px
|
|
color: #440
|
|
background-color: #faa
|
|
text-align: center
|
|
margin-right: 7px
|
|
&.hide
|
|
display: none
|
|
.active-orders-table
|
|
tbody
|
|
tr
|
|
td
|
|
&:first-child
|
|
padding-left: 35px
|
|
background-position: 5px center
|
|
background-repeat: no-repeat
|
|
.active_order_table_number
|
|
position: relative
|
|
.extra-list-info
|
|
display: none
|
|
$extra-info-width: 220px
|
|
position: absolute
|
|
width: $extra-info-width
|
|
// 7px is padding + border, 5px is extra spacing
|
|
right: -$extra-info-width - 7px*2 - 5px
|
|
top: -7px*2
|
|
padding: 4px
|
|
border: 3px solid #aaa
|
|
border-radius: 3px
|
|
background-color: white
|
|
text-align: left
|
|
&.active
|
|
td
|
|
&:first-child
|
|
background-image: image-url('icons/order-check.png')
|
|
&.delivered
|
|
td
|
|
&:first-child
|
|
background-image: image-url('icons/order-doublecheck.png')
|