Multi theme support and supplier order facebook info option
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
.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')
|
||||
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
*= require 'twitter-bootstrap/bootstrap_and_overrides'
|
||||
*= require 'twitter-bootstrap/bootstrap_overrides'
|
||||
*= require 'jquery-ui-1.8.23.custom.css'
|
||||
*= require qtip
|
||||
*= require 'general'
|
||||
*= require user/active_list
|
||||
*= require_directory .
|
||||
*= require_self
|
||||
*/
|
||||
@@ -0,0 +1,301 @@
|
||||
@import compass
|
||||
@import mixins
|
||||
|
||||
// Contents:
|
||||
// =General
|
||||
// =Breadcrumbs
|
||||
// =Headings
|
||||
// =Navigation
|
||||
// =Forms
|
||||
// =Tables
|
||||
// =Pagination
|
||||
// =Accordion
|
||||
// =Misc
|
||||
|
||||
$color: #c6c6c6
|
||||
$bg: #2f2f2f
|
||||
$link: #FAA732
|
||||
|
||||
$warning: #faa732
|
||||
$success: #5bb75b
|
||||
$error: #fc5b5e
|
||||
|
||||
// ds original: #FB292D
|
||||
$info: #3a87ad
|
||||
|
||||
$input-bg: #666666
|
||||
|
||||
// ds default: #444
|
||||
$input-border: #111111
|
||||
|
||||
// default: white
|
||||
$input-placeholder: #666666
|
||||
$input-color: white
|
||||
|
||||
//=General ========================================
|
||||
// Everything with the inset panel just extends .well
|
||||
.well
|
||||
+inset-panel-dark
|
||||
|
||||
body
|
||||
background: $bg
|
||||
color: $color
|
||||
a
|
||||
color: $link
|
||||
&:hover
|
||||
color: lighten($link, 10%)
|
||||
|
||||
//=Breadcrumbs =======================================
|
||||
.breadcrumb
|
||||
@extend .well
|
||||
border: 0
|
||||
//over bs
|
||||
li
|
||||
text-shadow: 0 1px 0 #000
|
||||
//over bs
|
||||
|
||||
//=Headings ======================================
|
||||
.page-header
|
||||
+horizontal-rule-dark
|
||||
|
||||
h1,h2,h3,h4,h5,h6
|
||||
color: white
|
||||
|
||||
h6
|
||||
color: #999
|
||||
|
||||
//=Navigation
|
||||
.nav .dropdown-menu
|
||||
|
||||
.nav-tabs .open .dropdown-toggle,
|
||||
.nav-pills .open .dropdown-toggle,
|
||||
.nav > .open.active > a:hover
|
||||
background-color: darken($bg, 5%)
|
||||
border-color: $bg $bg transparent $bg
|
||||
|
||||
.nav > .dropdown.active > a:hover
|
||||
color: #fff
|
||||
|
||||
.nav-tabs .active .dropdown-toggle .caret,
|
||||
.nav-pills .active .dropdown-toggle .caret
|
||||
border-top-color: #fff
|
||||
|
||||
.nav-tabs
|
||||
border-bottom: 1px solid #666
|
||||
& > .active > a,
|
||||
& > .active > a:hover
|
||||
background-color: $bg
|
||||
color: #fff
|
||||
border-color: #666 #666 transparent #666
|
||||
& > li > a:hover
|
||||
border-color: $bg $bg #666666 $bg
|
||||
background-color: darken($bg, 5%)
|
||||
color: lighten($link, 10%)
|
||||
&.nav-stacked
|
||||
& > li > a,
|
||||
& > li > a:hover
|
||||
border-color: #666
|
||||
|
||||
.nav-pills
|
||||
& > li > a:hover
|
||||
background-color: darken($bg, 5%)
|
||||
color: lighten($link, 10%)
|
||||
|
||||
.nav-list > li > a,
|
||||
.nav-list .nav-header
|
||||
text-shadow: 0 1px 0 #000
|
||||
|
||||
.nav-list > li > a:hover
|
||||
background-color: darken($bg, 10%)
|
||||
color: lighten($link, 10%)
|
||||
|
||||
.nav-list .active
|
||||
& > a:hover
|
||||
background-color: #0088cc
|
||||
color: white
|
||||
|
||||
.tabs-below .nav-tabs
|
||||
border-top: 1px solid #666
|
||||
|
||||
.tabs-left .nav-tabs
|
||||
border-right: 1px solid #666
|
||||
|
||||
.tabs-right .nav-tabs
|
||||
border-left: 1px solid #666
|
||||
|
||||
.tabs-below .nav-tabs > li > a:hover
|
||||
border-top: 1px solid #666
|
||||
|
||||
.tabs-left .nav-tabs > li > a:hover
|
||||
border-color: transparent #666 transparent transparent
|
||||
|
||||
.tabs-right .nav-tabs > li > a:hover
|
||||
border-color: transparent transparent transparent #666
|
||||
|
||||
.tabs-below .nav-tabs .active > a,
|
||||
.tabs-below .nav-tabs .active > a:hover
|
||||
border-color: transparent #666 #666 #666
|
||||
|
||||
.tabs-left .nav-tabs .active > a,
|
||||
.tabs-left .nav-tabs .active > a:hover
|
||||
border-color: #666 transparent #666 #666
|
||||
|
||||
.tabs-right .nav-tabs .active > a,
|
||||
.tabs-right .nav-tabs .active > a:hover
|
||||
border-color: #666 #666 #666 transparent
|
||||
|
||||
//=Forms ========================================
|
||||
+placeholder($input-placeholder)
|
||||
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on
|
||||
background: #444
|
||||
color: $color
|
||||
border-color: #111
|
||||
text-shadow: 0 1px 0 black
|
||||
|
||||
label
|
||||
color: $color
|
||||
|
||||
input,
|
||||
input[type="file"],
|
||||
select,
|
||||
textarea
|
||||
color: $input-color
|
||||
//background-color: $input-bg;
|
||||
border-color: $input-border
|
||||
@extend .well
|
||||
|
||||
.search-query
|
||||
-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0) 0 1px 7px 0px inset
|
||||
|
||||
legend
|
||||
color: white
|
||||
+horizontal-rule-dark
|
||||
|
||||
.form-actions
|
||||
border-top-color: #222
|
||||
background-color: #444
|
||||
|
||||
.help-inline
|
||||
color: #999
|
||||
|
||||
.control-group
|
||||
&.warning
|
||||
+controls($warning)
|
||||
&.success
|
||||
+controls($success)
|
||||
&.error
|
||||
+controls($error)
|
||||
|
||||
//=Tables ========================================
|
||||
.table
|
||||
thead
|
||||
color: white
|
||||
td
|
||||
border-top-color: #666
|
||||
|
||||
.table-striped
|
||||
tbody tr:nth-child(2n+1)
|
||||
td, th
|
||||
background-color: #444
|
||||
|
||||
.table-bordered
|
||||
border: 1px solid #666
|
||||
th + th,
|
||||
td + td,
|
||||
th + td,
|
||||
td + th
|
||||
border-left: 1px solid #666
|
||||
|
||||
//=Pagination
|
||||
.pagination a:hover
|
||||
color: lighten($link, 10%)
|
||||
background-color: darken($bg, 5%)
|
||||
|
||||
.pagination .active a
|
||||
color: #fff
|
||||
background-color: darken($bg, 5%)
|
||||
|
||||
.pagination a
|
||||
border-color: #666
|
||||
|
||||
//=Pager
|
||||
.pager a
|
||||
background-color: $bg
|
||||
border-color: #666
|
||||
&:hover
|
||||
background-color: darken($bg, 5%)
|
||||
color: lighten($link, 10%)
|
||||
|
||||
//=Alerts
|
||||
=alert($color)
|
||||
color: #fff
|
||||
background-color: $color
|
||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
|
||||
border-color: darken($color, 25%)
|
||||
h4
|
||||
color: darken($color, 20%)
|
||||
|
||||
.alert
|
||||
+alert($warning)
|
||||
|
||||
.alert-success
|
||||
+alert($success)
|
||||
|
||||
.alert-error
|
||||
+alert($error)
|
||||
|
||||
.alert-info
|
||||
+alert($info)
|
||||
|
||||
//=Modals
|
||||
|
||||
.modal
|
||||
background-color: #444
|
||||
|
||||
.modal-header
|
||||
border-bottom: 1px solid #222
|
||||
|
||||
.modal-body p
|
||||
color: $color
|
||||
|
||||
.modal-footer
|
||||
background-color: darken(#444444, 5%)
|
||||
border-top: 1px solid #222
|
||||
+box-shadow(0 1px 0 #333333 inset)
|
||||
|
||||
.popover
|
||||
color: #333
|
||||
h3
|
||||
color: #333
|
||||
|
||||
//=Progress bars
|
||||
.progress
|
||||
@extend .well
|
||||
|
||||
//=Accordion
|
||||
.accordion-group
|
||||
.accordion-heading
|
||||
background-color: rgba(200, 200, 200, 0.3)
|
||||
|
||||
//=Misc ========================================
|
||||
blockquote
|
||||
border-left-color: #111
|
||||
&.pull-right
|
||||
border-right-color: #111
|
||||
|
||||
hr
|
||||
+horizontal-rule-dark
|
||||
border-top: none
|
||||
|
||||
code
|
||||
@extend .well
|
||||
border: none
|
||||
//over bs
|
||||
|
||||
pre
|
||||
@extend .well
|
||||
border: none
|
||||
//over bs
|
||||
color: $color
|
||||
@@ -0,0 +1,41 @@
|
||||
=placeholder($color: $input-placeholder)
|
||||
\:-moz-placeholder
|
||||
color: $color
|
||||
\::-webkit-input-placeholder
|
||||
color: $color
|
||||
|
||||
=controls($color)
|
||||
& > label,
|
||||
.help-block,
|
||||
.help-inline
|
||||
color: $color
|
||||
input, select, textarea
|
||||
//color: lighten($color, 20%);
|
||||
color: $color
|
||||
border-color: $color
|
||||
input:focus,
|
||||
select:focus,
|
||||
textarea:focus
|
||||
border-color: $color
|
||||
+box-shadow(0 0 6px $color)
|
||||
|
||||
=inset-panel-dark
|
||||
+box-shadow(rgba(white, 0.1) 0 1px 0, rgba(black, 0.8) 0 1px 7px 0px inset)
|
||||
background: darken(#2f2f2f, 6)
|
||||
background-color: rgba(black, 0.3)
|
||||
|
||||
=horizontal-rule-dark
|
||||
+box-shadow(rgba(white, 0.07) 0 1px 0)
|
||||
border-bottom: 1px solid #121212
|
||||
|
||||
=horizontal-rule-top-dark
|
||||
+box-shadow(rgba(white, 0.07) 0 1px 0 inset)
|
||||
border-top: 1px solid #121212
|
||||
|
||||
=vertical-rule-dark
|
||||
+box-shadow(rgba(white, 0.07) 1px 0 0)
|
||||
border-right: 1px solid #121212
|
||||
|
||||
=vertical-rule-left-dark
|
||||
+box-shadow(rgba(white, 0.07) 1px 0 0 inset)
|
||||
border-left: 1px solid #121212
|
||||
@@ -0,0 +1,21 @@
|
||||
#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
|
||||
@@ -0,0 +1,17 @@
|
||||
.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
|
||||
@@ -0,0 +1,99 @@
|
||||
.section-title
|
||||
font-size: 24px
|
||||
padding: 4px 0px
|
||||
.section-tables-container
|
||||
.section-manage-tables
|
||||
margin: -26px 6px 4px 6px
|
||||
.section-table
|
||||
background-color: #ccc
|
||||
//TODO remove width and height for ember control
|
||||
height: 48px
|
||||
width: 83px
|
||||
background-repeat: no-repeat
|
||||
color: black
|
||||
a
|
||||
color: black
|
||||
//background-image: image-url('icons/section-table.png')
|
||||
.table-link
|
||||
margin-top: -45px
|
||||
.table-number
|
||||
color: black
|
||||
position: absolute
|
||||
top: 0
|
||||
line-height: 44px
|
||||
width: 45px
|
||||
font-size: 42px
|
||||
text-align: center
|
||||
.status-icons
|
||||
float: right
|
||||
width: 16px
|
||||
span
|
||||
display: none
|
||||
float: right
|
||||
.action-button-container
|
||||
margin-right: -20px
|
||||
.table-actions
|
||||
display: none
|
||||
position: absolute
|
||||
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
|
||||
&.section-tables-active
|
||||
position: relative
|
||||
padding: 0
|
||||
height: 400px
|
||||
//background-image: image-url('textures/wood4.jpg')
|
||||
background-color: rgba(0,0,0,0.4)
|
||||
.section-table
|
||||
position: absolute
|
||||
cursor: pointer
|
||||
&.occupied
|
||||
background-color: #ffa
|
||||
&.needs_help
|
||||
background-color: #7f7
|
||||
.needs_help
|
||||
display: block
|
||||
&.needs_payment
|
||||
background-image: image-url('icons/needs-payment.png')
|
||||
background-position: 40px 2px
|
||||
.needs_payment
|
||||
display: block
|
||||
&.active_order
|
||||
.active_order
|
||||
display: block
|
||||
//background-color: #f77
|
||||
a
|
||||
&:hover
|
||||
text-decoration: none
|
||||
&.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
|
||||
@@ -0,0 +1,60 @@
|
||||
$side-spacing: 0px
|
||||
@import constants
|
||||
html
|
||||
background-image: $wood
|
||||
background-color: $background-brown
|
||||
body
|
||||
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
|
||||
Reference in New Issue
Block a user