81 lines
1.7 KiB
Sass
81 lines
1.7 KiB
Sass
.active-orders-table
|
|
.status-icons
|
|
.active-order
|
|
@extend .fa
|
|
@extend .fa-check
|
|
@extend .fa-lg
|
|
.dashboard-lists-header, .dashboard-orders-header
|
|
cursor: pointer
|
|
.icon
|
|
@extend .fa
|
|
@extend .fa-arrow-down
|
|
color: #ccc
|
|
padding-right: 10px
|
|
&.collapsed
|
|
@extend .fa-arrow-right
|
|
.dashboard-section-selection
|
|
float: right
|
|
min-width: 124px
|
|
select
|
|
width: calc(100% - 30px)
|
|
= active-list-div($float: left, $padding: 4px)
|
|
line-height: 50px
|
|
float: $float
|
|
display: inline-block
|
|
vertical-align: middle
|
|
padding-left: $padding
|
|
padding-right: $padding
|
|
.active-lists-table, .active-orders-table
|
|
.row
|
|
border-bottom: 1px solid #777
|
|
background-color: white
|
|
padding: 5px
|
|
.users-buttons
|
|
float: left
|
|
.status-icons
|
|
font-size: 1.5rem
|
|
+active-list-div
|
|
.needs-payment
|
|
margin-left: 7px
|
|
.order-display
|
|
+active-list-div
|
|
.table-number
|
|
+active-list-div
|
|
.link-to-section
|
|
+active-list-div
|
|
.show-list-button-container
|
|
+active-list-div(right)
|
|
.currency
|
|
+active-list-div
|
|
font-weight: bold
|
|
.actions
|
|
+active-list-div(right)
|
|
button
|
|
vertical-align: middle
|
|
.time
|
|
+active-list-div(right)
|
|
|
|
.active-orders-table
|
|
width: 100%
|
|
.go-to-orders-list
|
|
span
|
|
@extend .fa
|
|
@extend .fa-list-alt
|
|
|
|
.table-number-with-info
|
|
position: relative
|
|
.extra-list-info
|
|
// Facebook profiles
|
|
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
|