cleanup
This commit is contained in:
@@ -1,7 +0,0 @@
|
||||
/*
|
||||
*= require 'jquery-ui-1.8.23.custom.css'
|
||||
*= require qtip
|
||||
* require user/active_list
|
||||
*= require_directory .
|
||||
*= require_self
|
||||
*/
|
||||
@@ -1,21 +0,0 @@
|
||||
#product-category-list
|
||||
list-style: none
|
||||
li
|
||||
clear: both
|
||||
margin-bottom: 8px
|
||||
.name
|
||||
padding: 5px 5px
|
||||
#week_days-group
|
||||
.btn
|
||||
opacity: 0.4
|
||||
&.active
|
||||
opacity: 1
|
||||
#full_day-controller
|
||||
margin: 0 10px
|
||||
#sub-day-container
|
||||
display: inline-block
|
||||
&.hide
|
||||
display: none
|
||||
select
|
||||
width: 70px
|
||||
margin-right: 14px
|
||||
@@ -1,17 +0,0 @@
|
||||
.products_preview-date
|
||||
.products_preview-time-container
|
||||
float: left
|
||||
input
|
||||
width: 120px
|
||||
.products_preview-hour
|
||||
float: left
|
||||
margin-left: 10px
|
||||
select
|
||||
width: 50px
|
||||
&:after
|
||||
content: " :"
|
||||
.products_preview-minute
|
||||
float: left
|
||||
margin-left: 10px
|
||||
select
|
||||
width: 50px
|
||||
@@ -1,58 +0,0 @@
|
||||
$side-spacing: 0px
|
||||
html
|
||||
body
|
||||
padding-top: 42px
|
||||
padding-left: $side-spacing
|
||||
padding-right: $side-spacing
|
||||
background-color: transparent
|
||||
//padding-top: 50px
|
||||
.navbar-fixed-top
|
||||
margin-left: -$side-spacing
|
||||
margin-right: -$side-spacing
|
||||
margin-bottom: 3px
|
||||
.page-header
|
||||
margin-top: 4px
|
||||
margin-bottom: 6px
|
||||
padding-bottom: 0
|
||||
.main-content
|
||||
padding-top: 16px
|
||||
label
|
||||
&.number
|
||||
display: inline
|
||||
padding: 4px 10px
|
||||
input
|
||||
&.number
|
||||
width: 40px
|
||||
.supplier-is-closed
|
||||
.alert
|
||||
form
|
||||
margin: 0
|
||||
.location_picker_search
|
||||
float: left
|
||||
.draggable
|
||||
cursor: move !important
|
||||
input.dimension
|
||||
width: 40px
|
||||
.location_picker_map
|
||||
width: 600px
|
||||
height: 500px
|
||||
border: 1px solid black
|
||||
padding: 2px
|
||||
display: inline-block
|
||||
float: left
|
||||
clear: left
|
||||
img
|
||||
max-width: none
|
||||
label
|
||||
width: auto
|
||||
display:inline
|
||||
.handle
|
||||
cursor: move
|
||||
font-size: 0.8em
|
||||
color: #777
|
||||
form
|
||||
&.form-inline
|
||||
display: inline-block
|
||||
padding: 4px
|
||||
.clear
|
||||
clear: both
|
||||
@@ -1,104 +0,0 @@
|
||||
.dropdown-container
|
||||
position: relative
|
||||
display: inline-block
|
||||
.button.dropdown-trigger
|
||||
padding-top: 4px
|
||||
padding-bottom: 4px
|
||||
margin-bottom: 0
|
||||
cursor: pointer
|
||||
.dropdown-trigger-icon
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-caret-left
|
||||
margin-right: 6px
|
||||
|
||||
.dropdown-list-container
|
||||
$border-size: 1px
|
||||
$arrow-size: 7px
|
||||
$border-color: #333
|
||||
$background-color: white
|
||||
$right-offset: 16px
|
||||
display: none
|
||||
text-align: left
|
||||
background-color: $background-color
|
||||
position: absolute
|
||||
right: 0
|
||||
margin: 0
|
||||
min-width: 160px
|
||||
z-index: 542
|
||||
margin-top: 7px
|
||||
border-radius: 4px
|
||||
border: $border-size solid $border-color
|
||||
box-shadow: 5px 5px 5px #888888
|
||||
|
||||
// Arrow
|
||||
&:before, &:after
|
||||
border: solid transparent
|
||||
content: " "
|
||||
height: 0
|
||||
width: 0
|
||||
position: absolute
|
||||
pointer-events: none
|
||||
bottom: 100%
|
||||
&:after
|
||||
border-width: $arrow-size
|
||||
margin-left: -$arrow-size
|
||||
border-bottom-color: $background-color
|
||||
right: $right-offset + $border-size
|
||||
&:before
|
||||
border-bottom-color: $border-color
|
||||
border-width: $arrow-size + $border-size
|
||||
margin-left: -($arrow-size + $border-size)
|
||||
right: $right-offset
|
||||
|
||||
ul
|
||||
list-style: none
|
||||
margin: 0
|
||||
padding: 0
|
||||
li
|
||||
border-bottom: 1px solid #bbb
|
||||
a
|
||||
font-size: 0.8em
|
||||
display: block
|
||||
padding: 4px 7px
|
||||
&:hover
|
||||
background-color: #ddd
|
||||
&.active
|
||||
color: $current-color
|
||||
background-color: #444
|
||||
span.section-add-tables-icon
|
||||
@extend .fa
|
||||
@extend .fa-plus-square
|
||||
span
|
||||
padding-left: 7px
|
||||
span.section-arrange-tables-icon
|
||||
@extend .fa
|
||||
@extend .fa-th
|
||||
span
|
||||
padding-left: 7px
|
||||
span.section-remove-icon
|
||||
@extend .fa, .fa-trash-o
|
||||
span
|
||||
padding-left: 7px
|
||||
span.icon
|
||||
span
|
||||
// translation span
|
||||
padding-left: 7px
|
||||
span.sign-out-icon
|
||||
@extend .fa, .fa-sign-out
|
||||
span
|
||||
padding-left: 7px
|
||||
span.current-employee-my-account-icon
|
||||
@extend .fa, .fa-user
|
||||
span
|
||||
padding-left: 7px
|
||||
span.current-employee-my-schedule-icon
|
||||
@extend .fa, .fa-calendar
|
||||
span
|
||||
padding-left: 7px
|
||||
&.active
|
||||
.dropdown-list-container
|
||||
display: block
|
||||
.button.dropdown-trigger
|
||||
.dropdown-trigger-icon
|
||||
@extend .fa-caret-down
|
||||
@@ -1,20 +0,0 @@
|
||||
.form-actions
|
||||
.form-action-submit
|
||||
+button($bg: $button-submit-color, $padding: $button-sml)
|
||||
margin-right: $button-margin
|
||||
a
|
||||
&.form-action-index
|
||||
+button($bg: $button-index-color, $padding: $button-sml)
|
||||
margin-right: $button-margin
|
||||
&.form-action-new
|
||||
+button($padding: $button-sml)
|
||||
margin-right: $button-margin
|
||||
&.form-action-edit
|
||||
+button($bg: $button-edit-color, $padding: $button-sml)
|
||||
margin-right: $button-margin
|
||||
&.form-action-destroy
|
||||
+button($bg: $button-destroy-color, $padding: $button-sml)
|
||||
&.form-action-cancel
|
||||
+button($bg: $button-cancel-color, $padding: $button-sml)
|
||||
&.table-qr-codes
|
||||
+button($bg: $button-qr-code-color, $padding: $button-sml)
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,19 +0,0 @@
|
||||
@mixin button-icon-only
|
||||
padding: 2px 5px
|
||||
margin: 0
|
||||
&.hide
|
||||
display: none
|
||||
|
||||
@mixin table-fit
|
||||
width: 1px
|
||||
white-space: nowrap
|
||||
= button-shadow
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
|
||||
transition-delay: 0.2s
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)
|
||||
= push-button($bg: $secondary-color, $padding: 10px)
|
||||
+button($bg: $bg)
|
||||
+button-shadow
|
||||
padding: $padding
|
||||
margin: 0
|
||||
border-radius: $global-rounded
|
||||
@@ -1,8 +0,0 @@
|
||||
//$qbrown: #634227
|
||||
$qbrown: #853d15
|
||||
$qbrown-active: lighten($qbrown, 20%)
|
||||
$wood: image-url('textures/theme1.jpg')
|
||||
$background-brown: #57351f
|
||||
$current-color: #fc3
|
||||
$active-color: #fc3
|
||||
$button-spacing: 8px
|
||||
@@ -1,17 +0,0 @@
|
||||
.display-row
|
||||
+grid-row(nest)
|
||||
.display-label
|
||||
font-weight: bold
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $offset:1)
|
||||
@media #{$large-up}
|
||||
+grid-column(3)
|
||||
.display-field
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true, $last-column:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $last-column:true)
|
||||
@media #{$large-up}
|
||||
+grid-column($columns: 3, $last-column:true)
|
||||
@@ -1,71 +0,0 @@
|
||||
span.icon
|
||||
@extend .fa
|
||||
//@extend .fa-lg
|
||||
&.dashboard
|
||||
@extend .fa-list-alt
|
||||
&.menu
|
||||
@extend .fa-coffee
|
||||
&.needs-help
|
||||
@extend .fa-bell
|
||||
&.needs-payment
|
||||
@extend .fa-money
|
||||
&.sections
|
||||
@extend .fa-th-large
|
||||
&.tables
|
||||
//@extend .fa-pause
|
||||
width: 16px
|
||||
height: 16px
|
||||
background-image: image-url("icons/table-white.svg")
|
||||
&.lists
|
||||
@extend .fa-sticky-note-o
|
||||
&.employees
|
||||
@extend .fa-users
|
||||
&.schedule
|
||||
@extend .fa-calendar
|
||||
&.settings
|
||||
@extend .fa-gears
|
||||
|
||||
&.section-areas
|
||||
@extend .fa-object-group
|
||||
&.section-elements
|
||||
@extend .fa-image
|
||||
// CUSTOM ICONS
|
||||
.top-menu
|
||||
.icon.tables
|
||||
background-image: image-url("icons/table-green.svg")
|
||||
.active
|
||||
span.icon
|
||||
&.tables
|
||||
background-image: image-url("icons/table-current.svg")
|
||||
.side-menu
|
||||
.icon
|
||||
// STACK FIXES
|
||||
.fa-stack
|
||||
.revoke
|
||||
color: #b94a48
|
||||
.fa-shifted-stack .fa-shifted:last-child
|
||||
margin-left: -1.15rem
|
||||
button, .button
|
||||
.fa-shifted-stack
|
||||
.fa-shifted:last-child
|
||||
margin-left: -0.85rem
|
||||
.fa-stack.fa-stack-sized
|
||||
width: auto
|
||||
height: auto
|
||||
line-height: 0 // For some reason this works on supplier dashboard for list
|
||||
vertical-align: -15%
|
||||
.fa-stack-small
|
||||
font-size: 0.5em
|
||||
.fa:last-child
|
||||
margin-left: -1.35rem
|
||||
vertical-align: -20%
|
||||
&.fa-stack-small
|
||||
margin-left: -1.35rem
|
||||
vertical-align: 30%
|
||||
.fa-stack-check:last-child
|
||||
@extend .fa
|
||||
@extend .fa-check
|
||||
color: #ffd600
|
||||
margin-left: -2rem
|
||||
vertical-align: 0
|
||||
text-shadow: 1px 4px 1px rgba(0, 0, 0, 0.45)
|
||||
@@ -1,55 +0,0 @@
|
||||
td.boolean
|
||||
+table-fit
|
||||
.boolean-true
|
||||
@extend .fa, .fa-check
|
||||
&.needs_help
|
||||
.boolean-true
|
||||
@extend .fa
|
||||
@extend .fa-bell
|
||||
&.needs_payment
|
||||
.boolean-true
|
||||
@extend .fa
|
||||
@extend .fa-money
|
||||
.display-field
|
||||
.boolean-true
|
||||
@extend .fa, .fa-lg, .fa-check
|
||||
.boolean-false
|
||||
@extend .fa, .fa-lg, .fa-minus
|
||||
|
||||
.change-list-table-section-tables
|
||||
list-style: none
|
||||
+clearfix
|
||||
li
|
||||
float: left
|
||||
margin-right: 10px
|
||||
margin-bottom: 10px
|
||||
a
|
||||
+button($padding: $button-sml)
|
||||
margin: 0
|
||||
td.colorbox
|
||||
+table-fit
|
||||
.list-orders-container
|
||||
.currency
|
||||
float: right
|
||||
list-style: none
|
||||
$padding: 6px 0 6px 35px
|
||||
.list-order-container
|
||||
background-position: left center
|
||||
background-repeat: no-repeat
|
||||
+grid-column(12)
|
||||
padding: $padding
|
||||
border-bottom: 1px solid #eee
|
||||
&.active
|
||||
background-image: image-url('supplier/order-check.png')
|
||||
&.delivered, &.closed
|
||||
background-image: image-url('supplier/order-doublecheck.png')
|
||||
&.closed
|
||||
.created_at
|
||||
float: right
|
||||
padding-right: 20px
|
||||
padding-left: 10px
|
||||
.list-orders-total
|
||||
+grid-column(12)
|
||||
padding: $padding
|
||||
border-top: 2px solid #444
|
||||
font-weight: bold
|
||||
@@ -1,50 +0,0 @@
|
||||
.section-edit-mode-button
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $warning-color
|
||||
margin-left: 5px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-edit
|
||||
.section-normal-mode-button
|
||||
margin-left: 5px
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $success-color
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-save
|
||||
.section-rollback-button
|
||||
margin-left: 5px
|
||||
margin-right: 12px
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $warning-color
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-undo
|
||||
.arrange-tables-type-button
|
||||
+button($bg: $secondary-color, $padding: $button-tny)
|
||||
.arrange-tables-current-type
|
||||
display: inline-block
|
||||
margin-left: 10px
|
||||
margin-right: 10px
|
||||
.section-actions-menu-header
|
||||
padding-top: 4px
|
||||
padding-bottom: 4px
|
||||
.arrange-content
|
||||
input
|
||||
width: 62px
|
||||
display: inline-block
|
||||
.section-manage-tables
|
||||
.dropdown-container
|
||||
margin-right: 10px
|
||||
margin-left: 10px
|
||||
.section-destroy
|
||||
color: $alert-color
|
||||
input
|
||||
height: auto
|
||||
padding-top: 4px
|
||||
padding-bottom: 4px
|
||||
&.section-edit-title-field
|
||||
margin-right: 10px
|
||||
@@ -1,92 +0,0 @@
|
||||
$side-spacing: 0px
|
||||
header.top-menu
|
||||
height: 90px
|
||||
.main-section
|
||||
+panel($bg:rgba(200,200,200,0.9))
|
||||
padding: 0
|
||||
padding-bottom: 72px
|
||||
margin: 0
|
||||
min-height: 100%
|
||||
@media #{$xlarge-up}
|
||||
header.top-menu
|
||||
position: fixed
|
||||
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
|
||||
z-index: 4022
|
||||
width: 100%
|
||||
.main-section
|
||||
@media #{$xlarge-up}
|
||||
padding-top: 130px
|
||||
.main-section-header
|
||||
position: fixed
|
||||
top: 90px
|
||||
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75)
|
||||
z-index: 4030
|
||||
background-color: rgba(200,200,200, 0.5)
|
||||
h2.main-section-header
|
||||
font-size: 1.4em
|
||||
padding: 4px
|
||||
.supplier-is-closed
|
||||
+alert($bg: $secondary-color)
|
||||
.close
|
||||
+alert-close
|
||||
.supplier-open-shop
|
||||
+button($padding: $button-tny)
|
||||
margin: 0
|
||||
margin-left: 20px
|
||||
form
|
||||
margin: 0
|
||||
display: inline-block
|
||||
.location_picker_search
|
||||
float: left
|
||||
.text-alert
|
||||
color: $alert-color
|
||||
.text-warning
|
||||
color: $warning-color
|
||||
input.dimension
|
||||
width: 52px
|
||||
span.dimension
|
||||
font-style: italic
|
||||
padding-left: 2px
|
||||
.location_picker_map
|
||||
width: 600px
|
||||
height: 500px
|
||||
border: 1px solid black
|
||||
padding: 2px
|
||||
display: inline-block
|
||||
float: left
|
||||
clear: left
|
||||
img
|
||||
max-width: none
|
||||
label
|
||||
width: auto
|
||||
display:inline
|
||||
.handle
|
||||
cursor: move
|
||||
font-size: 0.8em
|
||||
color: #777
|
||||
form
|
||||
&.form-inline
|
||||
display: inline-block
|
||||
padding: 4px
|
||||
.clear
|
||||
clear: both
|
||||
body
|
||||
background-image: $wood !important
|
||||
background-repeat: repeat
|
||||
height: 100%
|
||||
.ember-application, .application-view
|
||||
height: 100%
|
||||
padding: 0
|
||||
margin: 0
|
||||
|
||||
.hide, .hidden
|
||||
display: none
|
||||
|
||||
span.loading
|
||||
@extend .fa
|
||||
@extend .fa-spinner
|
||||
@extend .fa-spin
|
||||
&.medium
|
||||
@extend .fa-lg
|
||||
&.large
|
||||
@extend .fa-2x
|
||||
@@ -1,43 +0,0 @@
|
||||
.section-tabs-container
|
||||
.section-tab-header
|
||||
float: left
|
||||
margin-right: 10px
|
||||
$border: 1px solid black
|
||||
border: $border
|
||||
padding: 5px
|
||||
cursor: pointer
|
||||
font-weight: bold
|
||||
background-color: rgba(200,200,200,0.4)
|
||||
color: #333
|
||||
margin-bottom: 2px
|
||||
&.active
|
||||
border-bottom-width: 0
|
||||
margin-top: 4px
|
||||
margin-bottom: 0
|
||||
&.table-hover, &.table-dragging
|
||||
background-size: 100px
|
||||
background-position: center center
|
||||
background-repeat: no-repeat
|
||||
&.table-dragging
|
||||
background-image: image-url('supplier/drop-target.svg')
|
||||
&.table-hover
|
||||
background-image: image-url('supplier/drop-target-active.svg')
|
||||
&:after
|
||||
content: ''
|
||||
display: block
|
||||
clear: left
|
||||
.add-section
|
||||
display: inline-block
|
||||
margin-top: 8px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-plus
|
||||
|
||||
.goto-sections-index-tab-header
|
||||
float: left
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-share
|
||||
@extend .fa-lg
|
||||
@extend .fa-rotate-270
|
||||
@@ -1,19 +0,0 @@
|
||||
//= require qtip
|
||||
//= require pickdate
|
||||
//= require fullcalendar
|
||||
// bourbon for animation
|
||||
@import bourbon
|
||||
@import font-awesome
|
||||
@import ./qconstants
|
||||
@import ./foundation_and_overrides
|
||||
@import ./mixins
|
||||
@import ./qstructure
|
||||
@import ./qicons
|
||||
@import ./qdisplays
|
||||
@import ./form_actions
|
||||
@import ./components/*
|
||||
@import ./resources/*
|
||||
@import ./qsections
|
||||
@import ./section_tab_headers
|
||||
@import ./qlists
|
||||
@import ./ember_dropdown
|
||||
@@ -1,10 +0,0 @@
|
||||
// spin-rotate is currently used when clicked on a section-element in a section view
|
||||
.spin-rotate
|
||||
//animation(spinRotate 2s)
|
||||
animation-name: spinRotate
|
||||
animation-duration: 2s
|
||||
@keyframes spinRotate
|
||||
from
|
||||
transform: rotate(0deg)
|
||||
to
|
||||
transform: rotate(360deg)
|
||||
@@ -1,42 +0,0 @@
|
||||
.button-text
|
||||
// Only icons for now
|
||||
display: none
|
||||
.mark-list-as-helped-button
|
||||
+button-icon-only
|
||||
vertical-align: middle
|
||||
padding-left: 8px //do not ask me why, just looks
|
||||
padding-right: 2px //do not ask me why, just looks
|
||||
margin-right: $button-spacing
|
||||
span
|
||||
@extend .fa, .fa-2x, .fa-bell-slash-o
|
||||
.mark-order-active-button
|
||||
+button-icon-only
|
||||
margin-right: 0.6em
|
||||
.mark-order-delivered-button
|
||||
+button-icon-only
|
||||
.show-list-button
|
||||
+button-icon-only
|
||||
vertical-align: middle
|
||||
margin-left: $button-spacing
|
||||
.mark-order-cancelled-button
|
||||
+button($bg: $alert-color)
|
||||
+button-icon-only
|
||||
margin-left: $button-spacing
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-2x
|
||||
@extend .fa-times
|
||||
|
||||
.change-list-table-button
|
||||
+button($bg: $warning-color, $padding: $button-tny)
|
||||
margin: 0
|
||||
margin-bottom: 8px
|
||||
.close-list-button
|
||||
+button-icon-only
|
||||
vertical-align: middle
|
||||
.remove-list-needs-payment-button
|
||||
+button-icon-only
|
||||
vertical-align: middle
|
||||
padding-left: 8px //do not ask me why, just looks
|
||||
padding-right: 2px //do not ask me why, just looks
|
||||
margin-right: $button-spacing
|
||||
@@ -1,23 +0,0 @@
|
||||
.colorbox-container
|
||||
line-height: 1px
|
||||
display: inline-block
|
||||
span
|
||||
display: inline-block
|
||||
.form-field, .display-field
|
||||
.current-color
|
||||
.colorbox-container
|
||||
padding: 4px
|
||||
border: 2px solid #777
|
||||
margin-right: 16px
|
||||
span
|
||||
width: 32px
|
||||
height: 32px
|
||||
.colorbox-container
|
||||
margin-right: 8px
|
||||
span
|
||||
width: 32px
|
||||
height: 32px
|
||||
|
||||
td .colorbox-container span, .colorbox .colorbox-container span
|
||||
width: 16px
|
||||
height: 16px
|
||||
@@ -1,12 +0,0 @@
|
||||
.edit-currency-container
|
||||
input
|
||||
text-align: right
|
||||
&.error
|
||||
input
|
||||
border-color: $alert-color
|
||||
color: darken($alert-color, 40%)
|
||||
label.prefix
|
||||
background-color: $alert-color
|
||||
color: white
|
||||
font-weight: bold
|
||||
|
||||
@@ -1,28 +0,0 @@
|
||||
.flash-message
|
||||
position: fixed
|
||||
top: 60px
|
||||
right: -440px
|
||||
background-color: rgba(200,200,200,0.8)
|
||||
padding: 20px
|
||||
width: 400px
|
||||
border-radius: 9999px
|
||||
font-weight: bold
|
||||
font-size: 1.4
|
||||
z-index: 8976
|
||||
animation-name: flashMessageInactive
|
||||
animation-duration: 0.5s
|
||||
&.active
|
||||
animation-name: flashMessageActive
|
||||
animation-duration: 0.5s
|
||||
right: 20px
|
||||
|
||||
@keyframes flashMessageActive
|
||||
from
|
||||
right: -440px
|
||||
to
|
||||
right: 20px
|
||||
@keyframes flashMessageInactive
|
||||
from
|
||||
right: 20px
|
||||
to
|
||||
right: -440px
|
||||
@@ -1,56 +0,0 @@
|
||||
.form-row
|
||||
+grid-row
|
||||
.form-label
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $offset:1)
|
||||
@media #{$large-up}
|
||||
+grid-column(3)
|
||||
&.half
|
||||
+grid-column(6)
|
||||
.form-field
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true, $last-column:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $last-column:true)
|
||||
@media #{$large-up}
|
||||
+grid-column($columns: 4, $last-column:true)
|
||||
&.full
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true, $last-column:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:6, $last-column:true)
|
||||
@media #{$large-up}
|
||||
+grid-column($columns: 9, $last-column:true)
|
||||
&.half
|
||||
+grid-column(6)
|
||||
.error
|
||||
color: $alert-color
|
||||
.form-info
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:10, $center:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $offset:1)
|
||||
@media #{$large-up}
|
||||
+grid-column(3)
|
||||
.error-message
|
||||
color: $alert-color
|
||||
&.form-actions
|
||||
padding-top: 12px
|
||||
body
|
||||
label
|
||||
&.number
|
||||
display: inline-block
|
||||
padding: 4px 10px
|
||||
input
|
||||
&.number
|
||||
width: 60px
|
||||
display: inline-block
|
||||
.apply-filter
|
||||
+button($bg: $primary-color, $padding: $button-tny)
|
||||
.error
|
||||
input, textarea
|
||||
border-color: $alert-color
|
||||
input[type="number"]
|
||||
text-align: right
|
||||
@@ -1,10 +0,0 @@
|
||||
.language-switcher-container
|
||||
.language-switch-button
|
||||
+button($bg: $secondary-color, $padding: $button-tny)
|
||||
margin: 0
|
||||
margin-right: 8px
|
||||
&.current
|
||||
+button($bg: $current-color, $padding: $button-tny)
|
||||
margin: 0
|
||||
margin-right: 8px
|
||||
border: 1px solid #333
|
||||
@@ -1,115 +0,0 @@
|
||||
//DEPRICATED
|
||||
.row.product_category-container
|
||||
margin-bottom: 15px
|
||||
|
||||
.products-menu-filters-container
|
||||
float: right
|
||||
width: 200px
|
||||
|
||||
.product_category-header
|
||||
border-top: 1px solid #ccc
|
||||
border-bottom: 1px solid #ccc
|
||||
.move
|
||||
@extend .fa
|
||||
// @extend .fa-lg
|
||||
@extend .fa-arrows
|
||||
margin-right: 8px
|
||||
.title
|
||||
font-weight: bold
|
||||
font-size: 1.3em
|
||||
.availability
|
||||
font-size: 0.8em
|
||||
padding-left: 1em
|
||||
padding-right: 1em
|
||||
.day-names
|
||||
color: #444
|
||||
.time-range
|
||||
color: rgb(39, 6, 121)
|
||||
.edit-product-category-button
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $warning-color
|
||||
font-size: 0.7em
|
||||
vertical-align: top
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-edit
|
||||
.add-product-product_category-button
|
||||
+push-button($bg: $primary-color)
|
||||
font-size: 0.7em
|
||||
position: absolute
|
||||
right: 10px
|
||||
top: 0.6em
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-plus
|
||||
.product_category-move-row
|
||||
.availability
|
||||
font-size: 0.8em
|
||||
.day-names
|
||||
color: #444
|
||||
.time-range
|
||||
color: rgb(39, 6, 121)
|
||||
.show-menu-product-row
|
||||
padding: 4px 0
|
||||
.menu-product-container
|
||||
&.inactive
|
||||
color: #777
|
||||
&.editing
|
||||
box-shadow: 5px 5px 5px #555
|
||||
//border-left: 1px solid rgba(100,100,100,0.3)
|
||||
//border-top: 1px solid rgba(100,100,100,0.3)
|
||||
margin-left: -5px
|
||||
margin-top: -5px
|
||||
margin-bottom: 16px
|
||||
background-color: #ccc
|
||||
padding: 5px
|
||||
z-index: 722
|
||||
.highlight
|
||||
text-decoration: underline
|
||||
font-weight: bold
|
||||
.edit-product-action
|
||||
+push-button($bg: $secondary-color)
|
||||
font-size: 0.9em
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-edit
|
||||
.rollback-product-action
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $warning-color
|
||||
margin-right: 12px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-undo
|
||||
.destroy-product-action
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $alert-color
|
||||
margin-right: 12px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-trash
|
||||
.remove-product-variant
|
||||
+push-button($bg: $alert-color, $padding: 5px)
|
||||
span
|
||||
@extend .fa, .fa-trash
|
||||
.add-product-variant
|
||||
+button($bg: $success-color, $padding: $button-tny)
|
||||
.icon
|
||||
@extend .fa, .fa-plus
|
||||
margin-right: 6px
|
||||
.error
|
||||
color: $alert-color
|
||||
input
|
||||
margin-bottom: 0
|
||||
.save-product-action
|
||||
+push-button($bg: $secondary-color)
|
||||
color: $success-color
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-save
|
||||
.new-product_category-button
|
||||
+button
|
||||
@@ -1,36 +0,0 @@
|
||||
= time-preview-panel($bg: rgba(200,200,200,0.8))
|
||||
background-color: $bg
|
||||
padding: 7px
|
||||
border: 1px solid #777
|
||||
border-left-size: 0
|
||||
border-bottom-right-radius: 8px
|
||||
border-top-right-radius: 8px
|
||||
.menu-time-preview-container
|
||||
position: fixed
|
||||
top: 30%
|
||||
left: 0
|
||||
z-index: 103
|
||||
.button
|
||||
margin: 0
|
||||
.open-time-preview-handle
|
||||
+time-preview-panel()
|
||||
span
|
||||
@extend .fa, .fa-2x, .fa-calendar
|
||||
.close-time-preview-handle
|
||||
float: right
|
||||
color: $warning-color
|
||||
span
|
||||
@extend .fa, .fa-lg, .fa-times
|
||||
.menu-time-preview-selection-container
|
||||
min-width: 200px
|
||||
+time-preview-panel()
|
||||
.activate-time-preview-button
|
||||
+button()
|
||||
margin: 0
|
||||
.deactivate-time-preview-button
|
||||
+button()
|
||||
margin: 0
|
||||
|
||||
.menu-time-preview-active-panel
|
||||
+time-preview-panel($bg: rgba(199, 255, 176, 0.8))
|
||||
|
||||
@@ -1,41 +0,0 @@
|
||||
.modal
|
||||
margin: 10px auto
|
||||
width: 800px
|
||||
max-width: 100%
|
||||
background-color: #fff
|
||||
padding: 1em
|
||||
max-height: calc(100% - 20px)
|
||||
overflow-y: scroll
|
||||
z-index: 6524
|
||||
.modal-close
|
||||
+button($bg: #ddd)
|
||||
.modal-confirm
|
||||
.modal-save
|
||||
.modal-destroy
|
||||
+button($bg: $alert-color)
|
||||
margin-right: 8px
|
||||
.sortable
|
||||
list-style: none
|
||||
.sortable-item-container
|
||||
cursor: pointer
|
||||
.handle
|
||||
@extend .fa, .fa-arrows-v
|
||||
margin-right: 10px
|
||||
.table-qr-codes
|
||||
//+button($bg: $button-qr-code-color, $padding: $button-sml)
|
||||
+button($bg: $button-qr-code-color)
|
||||
margin-left: 10px
|
||||
.modal-alert
|
||||
color: $alert-color
|
||||
|
||||
.overlay
|
||||
height: 100%
|
||||
width: 100%
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
background-color: rgba(0, 0, 0, 0.5)
|
||||
z-index: 6522
|
||||
|
||||
.flush--top
|
||||
margin-top: 0
|
||||
@@ -1,132 +0,0 @@
|
||||
header.top-menu
|
||||
background-color: transparent
|
||||
background-repeat: no-repeat, no-repeat
|
||||
background-position: left bottom, right bottom
|
||||
background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
|
||||
color: $primary-color
|
||||
padding-left: 48px
|
||||
padding-right: 52px
|
||||
.menu-content
|
||||
background-color: white
|
||||
background-repeat: repeat-x
|
||||
background-position: center bottom
|
||||
background-image: image-url('theme1/button-bar-middle.png')
|
||||
//min-height: 61px
|
||||
height: 100%
|
||||
section
|
||||
height: 52px
|
||||
line-height: 48px
|
||||
&.main-buttons
|
||||
float: left
|
||||
a
|
||||
padding-left: 16px
|
||||
&.active
|
||||
text-decoration: underline
|
||||
font-weight: bold
|
||||
color: $current-color
|
||||
span.icon
|
||||
color: $current-color
|
||||
@media (min-width: 972px)
|
||||
span.icon
|
||||
margin-right: 8px
|
||||
display: inline-block
|
||||
@media (max-width: 972px)
|
||||
span
|
||||
display: inline-block
|
||||
&.icon
|
||||
display: none
|
||||
@media (max-width: 836px)
|
||||
span
|
||||
display: none
|
||||
&.icon
|
||||
display: inline-block
|
||||
@media (max-width: 560px)
|
||||
display: none
|
||||
.top-menu-root
|
||||
display: inline-block
|
||||
line-height: normal
|
||||
padding: 4px
|
||||
//margin-left: 14px
|
||||
border-radius: 4px
|
||||
&.active
|
||||
background-color: $current-color
|
||||
img
|
||||
display: inline-block
|
||||
margin: 0
|
||||
padding: 0
|
||||
.supplier-name
|
||||
display: inline-block
|
||||
float: right
|
||||
margin-right: 10px
|
||||
line-height: 50px
|
||||
font-weight: bold
|
||||
color: #555
|
||||
.extra-info
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
color: white
|
||||
.supplier-info-row
|
||||
// float: right
|
||||
// clear: right
|
||||
// line-height: 27px
|
||||
// padding-right: 7px
|
||||
.table-number
|
||||
display: inline-block
|
||||
//text-transform: lowercase
|
||||
.supplier-orders-placed-count
|
||||
display: inline-block
|
||||
// margin-right: 15px
|
||||
.supplier-orders-in-process-count
|
||||
display: inline-block
|
||||
.orders-placed-count-icon
|
||||
@extend .fa
|
||||
@extend .fa-clock-o
|
||||
@extend .fa-lg
|
||||
margin-left: 3px
|
||||
.orders-in-process-count-icon
|
||||
@extend .fa
|
||||
@extend .fa-check
|
||||
@extend .fa-lg
|
||||
margin-left: 3px
|
||||
.toggle-side-menu
|
||||
position: absolute
|
||||
width: 28px
|
||||
height: 28px
|
||||
color: white
|
||||
left: 0
|
||||
cursor: pointer
|
||||
z-index: 100
|
||||
font-size: 1.4em
|
||||
&.open
|
||||
color: white
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-bars
|
||||
@extend .fa-lg
|
||||
|
||||
// CURRENT EMPOYEE NAV
|
||||
.current-employee-nav
|
||||
float: right
|
||||
margin-right: 10px
|
||||
cursor: pointer
|
||||
.dropdown-trigger.gravatar
|
||||
display: inline-block
|
||||
overflow: hidden
|
||||
border-radius: $global-rounded
|
||||
|
||||
// SUPPLIER AVAILABILITY
|
||||
.supplier-availability
|
||||
border: 2px solid #555
|
||||
border-radius: 4px
|
||||
padding: 2px 5px
|
||||
font-weight: bold
|
||||
font-size: 0.9em
|
||||
float: right
|
||||
margin-right: 8px
|
||||
text-transform: uppercase
|
||||
margin-top: 10px
|
||||
&.currently-open
|
||||
color: #3c3
|
||||
&.currently-closed
|
||||
color: #f55
|
||||
@@ -1,45 +0,0 @@
|
||||
.side-menu
|
||||
background-color: #444
|
||||
position: fixed
|
||||
display: none
|
||||
left: -222px
|
||||
top: 0
|
||||
width: 222px
|
||||
height: 100%
|
||||
opacity: 0.9
|
||||
border-right: 2px solid black
|
||||
z-index: 8050
|
||||
color: white
|
||||
h3
|
||||
color: white
|
||||
margin-bottom: 3px
|
||||
ul
|
||||
list-style: none
|
||||
li
|
||||
font-size: 1.2em
|
||||
margin-bottom: 11px
|
||||
a
|
||||
color: white
|
||||
.title
|
||||
border-bottom: 1px solid #aaa
|
||||
margin-bottom: 4px
|
||||
.icon.settings
|
||||
margin-right: 18px
|
||||
.about-mozo-icon
|
||||
margin-right: 18px
|
||||
@extend .fa, .fa-info-circle
|
||||
.sign-out-icon
|
||||
@extend .fa, .fa-caret-square-o-left
|
||||
margin-right: 18px
|
||||
.fa
|
||||
margin-right: 18px
|
||||
a.active
|
||||
color: $current-color
|
||||
.supplier-close-shop
|
||||
+alert($bg: $alert-color, $radius: true)
|
||||
padding: 3px
|
||||
margin-right: 20px
|
||||
.supplier-open-shop
|
||||
+alert($bg: $primary-color, $radius: true)
|
||||
padding: 3px
|
||||
margin-right: 20px
|
||||
@@ -1,7 +0,0 @@
|
||||
.page-actions
|
||||
+grid-row
|
||||
$button-margin: 8px
|
||||
margin-top: 15px
|
||||
.edit-button
|
||||
+button($bg: $warning-color)
|
||||
margin-left: $button-margin
|
||||
@@ -1,11 +0,0 @@
|
||||
ul.select-employees
|
||||
list-style: none
|
||||
li
|
||||
padding-bottom: 7px
|
||||
border-bottom: 1px solid #ccc
|
||||
margin-bottom: 7px
|
||||
+clearfix
|
||||
.employee-selector
|
||||
float: right
|
||||
span
|
||||
@extend .fa, .fa-2x, .fa-user-plus
|
||||
@@ -1,2 +0,0 @@
|
||||
.suppliers-switcher-container
|
||||
margin-top: 12px
|
||||
@@ -1,46 +0,0 @@
|
||||
table
|
||||
&.table
|
||||
// Bootstrap behaviour
|
||||
width: 100%
|
||||
td.actions, th.actions
|
||||
text-align: right
|
||||
+table-fit
|
||||
th.status-icons, td.status-icons
|
||||
+table-fit
|
||||
td
|
||||
&.boolean
|
||||
text-align: center
|
||||
&.currency
|
||||
text-align: right
|
||||
&.time
|
||||
text-align: right
|
||||
&.date
|
||||
text-align: right
|
||||
.error
|
||||
display: inline-block
|
||||
padding-left: 5px
|
||||
color: $alert-color
|
||||
a.table-qr-codes
|
||||
+button($bg: $secondary-color, $padding: $button-sml)
|
||||
+button-icon-only
|
||||
.translation
|
||||
display: none
|
||||
.table-edit
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-pencil
|
||||
span.qr-icon
|
||||
@extend .fa
|
||||
@extend .fa-qrcode
|
||||
+ span
|
||||
padding-left: 7px
|
||||
.table-destroy
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
color: $warning-color
|
||||
margin-left: 8px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-times
|
||||
@@ -1,80 +0,0 @@
|
||||
.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
|
||||
@@ -1,33 +0,0 @@
|
||||
.employee-row
|
||||
$row-background-color: white
|
||||
background-color: $row-background-color
|
||||
border-bottom: 1px solid #aaa
|
||||
padding: 8px 0
|
||||
.colorbox
|
||||
display: inline-block
|
||||
margin-right: 8px
|
||||
.employee-is-manager
|
||||
margin-right: 8px
|
||||
.icon
|
||||
@extend .fa
|
||||
@extend .fa-asterisk
|
||||
&.is-not-manager
|
||||
.icon
|
||||
color: $row-background-color !important
|
||||
.employee-name
|
||||
display: inline-block
|
||||
padding-right: 12px
|
||||
min-width: 144px
|
||||
|
||||
&.inactive
|
||||
a
|
||||
color: #999
|
||||
.colorbox
|
||||
.colorbox-container
|
||||
span
|
||||
opacity: 0.2
|
||||
.employee-is-manager
|
||||
.icon
|
||||
opacity: 0.3
|
||||
&:last-of-type
|
||||
margin-bottom: 20px
|
||||
@@ -1,43 +0,0 @@
|
||||
$list-row-background-color: white
|
||||
.lists-route
|
||||
.picker__button--clear
|
||||
display: none
|
||||
.list-row
|
||||
background-color: $list-row-background-color
|
||||
border-bottom: 1px solid #aaa
|
||||
padding: 8px 0
|
||||
&.active
|
||||
background-color: #ffa
|
||||
&:last-of-type
|
||||
margin-bottom: 20px
|
||||
.boolean
|
||||
display: inline-block
|
||||
min-width: 26px
|
||||
.timestamp
|
||||
display: inline-block
|
||||
min-width: 140px
|
||||
.state
|
||||
display: inline-block
|
||||
min-width: 110px
|
||||
.table-number
|
||||
display: inline-block
|
||||
min-width: 110px
|
||||
.list-row-total
|
||||
background-color: $list-row-background-color
|
||||
margin-top: 8px
|
||||
font-weight: bold
|
||||
padding: 8px 0
|
||||
.total-sentence
|
||||
padding-right: 8px
|
||||
|
||||
span.boolean
|
||||
.boolean-true
|
||||
@extend .fa, .fa-check
|
||||
&.needs-help
|
||||
.boolean-true
|
||||
@extend .fa
|
||||
@extend .fa-bell
|
||||
&.needs-payment
|
||||
.boolean-true
|
||||
@extend .fa
|
||||
@extend .fa-money
|
||||
@@ -1,14 +0,0 @@
|
||||
.section-area-container
|
||||
position: absolute
|
||||
text-align: center
|
||||
&.rounded
|
||||
border-radius: 999px
|
||||
.title
|
||||
display: inline-block
|
||||
&.vertical
|
||||
.title
|
||||
transform: rotate(270deg)
|
||||
&.right-half
|
||||
.title
|
||||
transform: rotate(90deg)
|
||||
|
||||
@@ -1,35 +0,0 @@
|
||||
.add-section-element-list
|
||||
list-style: none
|
||||
li
|
||||
list-style: none
|
||||
float: left
|
||||
margin-right: 10px
|
||||
margin-bottom: 10px
|
||||
width: 80px
|
||||
max-height: 120px
|
||||
border: 2px outset #aaa
|
||||
&:hover
|
||||
border-color: $active-color
|
||||
.section-element-handles
|
||||
width: 80px
|
||||
height: 22px
|
||||
position: absolute
|
||||
top: -22px
|
||||
.rotate-left
|
||||
+button($bg: $secondary-color, $padding: $button-tny)
|
||||
+button-icon-only
|
||||
margin-right: 4px
|
||||
span
|
||||
@extend .fa, .fa-lg, .fa-rotate-left
|
||||
.rotate-right
|
||||
+button($bg: $secondary-color, $padding: $button-tny)
|
||||
+button-icon-only
|
||||
margin-right: 4px
|
||||
span
|
||||
@extend .fa, .fa-lg, .fa-rotate-right
|
||||
.remove-section-element
|
||||
+button($bg: $alert-color, $padding: $button-tny)
|
||||
+button-icon-only
|
||||
span
|
||||
@extend .fa, .fa-lg, .fa-times
|
||||
|
||||
@@ -1,163 +0,0 @@
|
||||
.go-to-orders-list
|
||||
display: inline-block
|
||||
margin-right: 7px
|
||||
span
|
||||
@extend .fa-lg
|
||||
.section-manage-tables
|
||||
margin: -40px 6px 4px 6px
|
||||
min-width: 470px
|
||||
text-align: right
|
||||
.section-edit-title-field
|
||||
display: inline-block
|
||||
width: 120px
|
||||
.section-edit-width-field
|
||||
display: inline-block
|
||||
width: 52px
|
||||
.section-edit-height-field
|
||||
display: inline-block
|
||||
width: 52px
|
||||
#section-action-list
|
||||
text-align: left
|
||||
.section-tables-container
|
||||
$section-border: 1px solid black
|
||||
border-left: $section-border
|
||||
border-right: $section-border
|
||||
border-bottom: $section-border
|
||||
border: $section-border
|
||||
position: relative
|
||||
padding: 0
|
||||
height: 400px
|
||||
&.editing
|
||||
background-color: rgba(240, 138, 36, 0.5)
|
||||
.section-element-container, .section-area-container
|
||||
cursor: pointer
|
||||
//background-image: image-url('textures/wood4.jpg')
|
||||
//background-color: rgba(0,0,0,0.4)
|
||||
.section-table
|
||||
position: absolute
|
||||
cursor: pointer
|
||||
background-color: #ccc
|
||||
//TODO remove width and height for ember control
|
||||
height: 60px
|
||||
width: 60px
|
||||
background-repeat: no-repeat
|
||||
box-shadow: 2px 2px 4px #888888
|
||||
color: black
|
||||
border-radius: 3px
|
||||
display: table
|
||||
.status-icons
|
||||
// float: right
|
||||
// width: 16px
|
||||
position: absolute
|
||||
margin-top: -18px
|
||||
right: 0
|
||||
min-width: 60px
|
||||
.needs_help, .needs_payment, .occupied, .active_order
|
||||
display: none
|
||||
float: right
|
||||
@extend .fa
|
||||
.needs_help
|
||||
@extend .fa-bell
|
||||
.needs_payment
|
||||
@extend .fa-money
|
||||
.active_order
|
||||
@extend .fa-coffee
|
||||
&.occupied
|
||||
background-color: #ffa
|
||||
&.needs_help
|
||||
background-color: #7f7
|
||||
.status-icons .needs_help
|
||||
display: inline-block
|
||||
&.needs_payment
|
||||
// background-image: image-url('icons/needs-payment.png')
|
||||
// background-position: 40px 2px
|
||||
.status-icons .needs_payment
|
||||
display: inline-block
|
||||
&.active_order
|
||||
.active_order
|
||||
display: block
|
||||
.status-icons .active_order
|
||||
display: inline-block
|
||||
//background-color: #f77
|
||||
&.right-half
|
||||
.table-actions
|
||||
right: 100%
|
||||
left: initial
|
||||
a
|
||||
color: black
|
||||
&:hover
|
||||
text-decoration: none
|
||||
//background-image: image-url('icons/section-table.png')
|
||||
.table-link
|
||||
margin-top: -45px
|
||||
.table-number
|
||||
color: black
|
||||
//position: absolute
|
||||
display: table-cell
|
||||
//top: 0
|
||||
//line-height: 44px
|
||||
width: 100%
|
||||
height: 100%
|
||||
font-size: 30px
|
||||
text-align: center
|
||||
vertical-align: middle
|
||||
|
||||
.action-button-container
|
||||
margin-right: -20px
|
||||
.table-actions
|
||||
display: none
|
||||
position: absolute
|
||||
z-index: 247
|
||||
left: 100%
|
||||
top: 0
|
||||
width: 140px
|
||||
text-align: center
|
||||
background-color: white
|
||||
border: 1px solid #aaa
|
||||
padding-bottom: 10px
|
||||
.title
|
||||
background-color: #aaa
|
||||
.table-action-row
|
||||
margin-top: 10px
|
||||
&.total
|
||||
font-size: 1.2em
|
||||
font-weight: bold
|
||||
.order-display
|
||||
&.active
|
||||
.post-display
|
||||
margin-left: 10px
|
||||
@extend .fa
|
||||
@extend .fa-check
|
||||
.table-settings
|
||||
width: 200px
|
||||
height: 30px
|
||||
position: absolute
|
||||
top: -30px
|
||||
select
|
||||
width: 92px
|
||||
//&.section-tables-active
|
||||
|
||||
//&.section-tables-manage
|
||||
.section-table
|
||||
cursor: move
|
||||
//&.section-tables-inactive
|
||||
.section-table
|
||||
position: relative
|
||||
margin-top: 10px
|
||||
margin-bottom: 30px
|
||||
float: left
|
||||
margin-right: 30px
|
||||
// INDEX
|
||||
|
||||
table
|
||||
td
|
||||
&.table-info
|
||||
.table-count
|
||||
&:after
|
||||
content: " - "
|
||||
.go-to-tables-view.hide
|
||||
display: inline-block
|
||||
|
||||
ul#table-actions-list
|
||||
list-style: none
|
||||
margin: 0
|
||||
@@ -1,22 +0,0 @@
|
||||
$section-row-background-color: white
|
||||
.section-row
|
||||
background-color: $section-row-background-color
|
||||
border-bottom: 1px solid #aaa
|
||||
padding: 8px 0
|
||||
.section-title
|
||||
display: inline-block
|
||||
min-width: 140px
|
||||
.section-dimensions
|
||||
display: inline-block
|
||||
min-width: 80px
|
||||
.table-qr-codes
|
||||
+button($bg: $secondary-color, $padding: $button-tny)
|
||||
margin: 0
|
||||
.translation
|
||||
display: none
|
||||
.qr-icon
|
||||
@extend .fa-lg
|
||||
.section-dashboard-orders
|
||||
+button($padding: $button-tny)
|
||||
margin: 0
|
||||
margin-right: 0.7rem
|
||||
@@ -1,16 +0,0 @@
|
||||
.sections-header-container
|
||||
margin: 0
|
||||
dd:first-child
|
||||
margin-left: 0
|
||||
.section-header-title
|
||||
padding-right: 0.5em
|
||||
color: #555
|
||||
.section-jumper
|
||||
display: none
|
||||
.active
|
||||
.section-jumper
|
||||
display: inline-block
|
||||
+button($bg: #ddd)
|
||||
margin: 0
|
||||
margin-left: 4px
|
||||
padding: 0 5px
|
||||
Reference in New Issue
Block a user