Do not build user css
This commit is contained in:
@@ -0,0 +1,19 @@
|
||||
.display-panel
|
||||
//TODO: something smart
|
||||
.display-row
|
||||
+grid-row
|
||||
.display-label
|
||||
font-weight: bold
|
||||
@media #{$small-only}
|
||||
+grid-column($columns:5)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $offset:1)
|
||||
@media #{$large-up}
|
||||
+grid-column(3)
|
||||
.display-field
|
||||
@media #{$small-only}
|
||||
+grid-column($columns: 5, $last-column:true)
|
||||
@media #{$medium-only}
|
||||
+grid-column($columns:4, $last-column:true)
|
||||
@media #{$large-up}
|
||||
+grid-column($columns: 3, $last-column:true)
|
||||
@@ -0,0 +1,4 @@
|
||||
$wood: image-url('theme1/wall-bg.jpg')
|
||||
$current-color: #fc3
|
||||
$active-color: #f70
|
||||
$top-menu-height: 76px
|
||||
@@ -0,0 +1,47 @@
|
||||
.lists-overview-entry
|
||||
+grid-column(12)
|
||||
cursor: pointer
|
||||
// Transparent border to get same size as active box
|
||||
border: 1px solid transparent
|
||||
border-bottom: 1px solid #ddd
|
||||
margin-bottom: 12px
|
||||
@media #{$medium-only}
|
||||
+grid-column(6)
|
||||
@media #{$large-up}
|
||||
+grid-column(4)
|
||||
.created_at
|
||||
float: right
|
||||
.price
|
||||
float: right
|
||||
clear: right
|
||||
+panel($padding: 4px)
|
||||
&.active
|
||||
border: 1px solid $active-color
|
||||
.list-orders-container
|
||||
$padding: 6px 0 6px 35px
|
||||
border-top: 2px solid #555
|
||||
list-style: none
|
||||
.currency
|
||||
float: right
|
||||
margin-right: 0.5em
|
||||
min-width: 60px
|
||||
text-align: right
|
||||
.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('user/order-check.png')
|
||||
&.delivered, &.closed
|
||||
background-image: image-url('user/order-doublecheck.png')
|
||||
.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
|
||||
@@ -0,0 +1,19 @@
|
||||
ul.product-orders
|
||||
list-style: none
|
||||
li
|
||||
border-bottom: 1px solid #ccc
|
||||
padding: 5px 0
|
||||
&.total
|
||||
border-bottom: none
|
||||
border-top: 4px solid #333
|
||||
font-weight: bold
|
||||
.product-order-remove
|
||||
+button-style($bg:$secondary-color)
|
||||
+button-icon-only
|
||||
//+button-size($padding:$button-tny)
|
||||
margin-left: 5px
|
||||
.icon
|
||||
@extend .fa-times
|
||||
.order-selected-products-button
|
||||
float: right
|
||||
+button($padding: $button-tny)
|
||||
@@ -0,0 +1,53 @@
|
||||
html, body
|
||||
margin: 0
|
||||
padding: 0
|
||||
//width: 100%
|
||||
//height: 100%
|
||||
body
|
||||
overflow-x: hidden
|
||||
@media #{$small-only}
|
||||
font-size: 14px
|
||||
#ember-app-container
|
||||
background-image: image-url('theme1/wall-bg.jpg')
|
||||
background-repeat: repeat
|
||||
padding-top: $top-menu-height
|
||||
//height: 100%
|
||||
> .ember-view
|
||||
// application-view
|
||||
//height: 100%
|
||||
|
||||
.main-section
|
||||
+panel($bg:rgba(200,200,200,0.8))
|
||||
position: absolute
|
||||
padding: 0
|
||||
margin: 0
|
||||
width: 100%
|
||||
top: $top-menu-height
|
||||
bottom: 0
|
||||
overflow-y: scroll
|
||||
-webkit-overflow-scrolling: touch
|
||||
//z-index: 0
|
||||
//-webkit-transform: translateZ(0px)
|
||||
.main-section-content
|
||||
//nothing
|
||||
#notice
|
||||
a
|
||||
color: white
|
||||
li
|
||||
span.currency
|
||||
float: right
|
||||
|
||||
span.loading
|
||||
@extend .fa
|
||||
@extend .fa-spinner
|
||||
@extend .fa-spin
|
||||
&.medium
|
||||
@extend .fa-lg
|
||||
&.large
|
||||
@extend .fa-2x
|
||||
|
||||
.supplier-name + .table-number
|
||||
padding-left: 0.3em
|
||||
|
||||
.hide
|
||||
display: none !important
|
||||
@@ -0,0 +1,10 @@
|
||||
@import bourbon
|
||||
@import ./qconstants
|
||||
@import ./foundation_and_overrides
|
||||
@import font-awesome
|
||||
@import ./structure
|
||||
@import ./components/*
|
||||
@import ./pages/*
|
||||
@import ./display_fields
|
||||
@import ./qproduct_orders
|
||||
@import ./qlists
|
||||
@@ -0,0 +1,16 @@
|
||||
.form-row
|
||||
+grid-row(nest)
|
||||
.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)
|
||||
.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: 3, $last-column:true)
|
||||
@@ -0,0 +1,16 @@
|
||||
span.icon
|
||||
@extend .fa
|
||||
&.settings
|
||||
@extend .fa-gears
|
||||
&.needs-help
|
||||
@extend .fa-bell
|
||||
&.needs-payment
|
||||
@extend .fa-money
|
||||
&.scan-qr
|
||||
@extend .fa-qrcode
|
||||
&.lists
|
||||
@extend .fa-sticky-note-o
|
||||
|
||||
ul.product-orders
|
||||
span.icon
|
||||
@extend .fa-lg
|
||||
@@ -0,0 +1,16 @@
|
||||
body.ios7
|
||||
$ios-menu-height: 20px
|
||||
.top-menu
|
||||
margin-top: $ios-menu-height
|
||||
.side-menu
|
||||
margin-top: $ios-menu-height
|
||||
#ember-app-container
|
||||
padding-top: $ios-menu-height
|
||||
.main-section
|
||||
top: $top-menu-height + $ios-menu-height
|
||||
.ios7-menu-panel
|
||||
position: absolute
|
||||
top: 0
|
||||
width: 100%
|
||||
height: $ios-menu-height
|
||||
background-color: white
|
||||
@@ -0,0 +1,9 @@
|
||||
.join-request-container
|
||||
.user-name
|
||||
padding-left: 12px
|
||||
.join-request-reject
|
||||
+button($bg: $secondary-color)
|
||||
margin-right: 12px
|
||||
.join-request-approve
|
||||
+button
|
||||
margin-right: 12px
|
||||
@@ -0,0 +1,20 @@
|
||||
.modal
|
||||
margin: auto
|
||||
margin-top: 90px
|
||||
width: 90%
|
||||
max-width: 756px
|
||||
background-color: #fff
|
||||
padding: 1em
|
||||
z-index: 9085
|
||||
|
||||
.overlay
|
||||
height: 100%
|
||||
width: 100%
|
||||
position: fixed
|
||||
top: 0
|
||||
left: 0
|
||||
background-color: rgba(0, 0, 0, 0.2)
|
||||
z-index: 9084
|
||||
|
||||
.flush--top
|
||||
margin-top: 0
|
||||
@@ -0,0 +1,93 @@
|
||||
.top-menu
|
||||
// Fixed styling rules copied from foundation top-menu fixed
|
||||
width: 100%
|
||||
#{$default-float}: 0
|
||||
position: absolute
|
||||
top: 0
|
||||
z-index: 99
|
||||
|
||||
background-image: image-url('theme1/wall-bg.jpg')
|
||||
height: $top-menu-height
|
||||
.top-menu-bar
|
||||
color: $primary-color
|
||||
height: $top-menu-height
|
||||
background-image: image-url('theme1/button-bar-left.png'), image-url('theme1/button-bar-right.png')
|
||||
background-color: transparent
|
||||
background-repeat: no-repeat, no-repeat
|
||||
background-position: left bottom, right bottom
|
||||
padding-left: 48px
|
||||
padding-right: 52px
|
||||
.top-menu-logo
|
||||
&.with-list
|
||||
@media #{$small-only}
|
||||
display: none
|
||||
&.without-list
|
||||
margin-left: 6px
|
||||
img
|
||||
margin-top: -6px
|
||||
.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: 44px
|
||||
line-height: 40px
|
||||
&.main-buttons
|
||||
float: left
|
||||
font-size: 1.2em
|
||||
@media #{$medium-up}
|
||||
padding-left: 14px
|
||||
.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-name
|
||||
display: inline-block
|
||||
.menu-list-item
|
||||
margin-left: 20px
|
||||
cursor: pointer
|
||||
border: 0.08em solid #eee
|
||||
padding: 5px
|
||||
border-radius: 0.1em
|
||||
display: inline-block
|
||||
line-height: 1em
|
||||
// margin-top: 6px
|
||||
color: #999
|
||||
&.active
|
||||
color: $current-color
|
||||
border-color: $current-color
|
||||
&.callout
|
||||
color: $active-color
|
||||
border-color: $active-color
|
||||
@media #{$medium-only}
|
||||
margin-left: 8px
|
||||
@media #{$small-only}
|
||||
margin-left: 5px
|
||||
.supplier-orders-placed-count
|
||||
display: inline-block
|
||||
// margin-right: 15px
|
||||
.orders-placed-count-icon
|
||||
@extend .fa
|
||||
@extend .fa-clock-o
|
||||
@extend .fa-lg
|
||||
margin-left: 3px
|
||||
|
||||
.supplier-orders-in-process-count
|
||||
display: inline-block
|
||||
.orders-in-process-count-icon
|
||||
@extend .fa
|
||||
@extend .fa-check
|
||||
@extend .fa-lg
|
||||
margin-left: 3px
|
||||
@@ -0,0 +1,79 @@
|
||||
$side-menu-width: 222px
|
||||
.side-menu
|
||||
background-color: #444
|
||||
position: fixed
|
||||
//display: none
|
||||
left: -$side-menu-width
|
||||
top: 0
|
||||
width: $side-menu-width
|
||||
height: 100%
|
||||
z-index: 157
|
||||
opacity: 0.9
|
||||
border-right: 2px solid black
|
||||
&.active
|
||||
left: 0
|
||||
animation-name: sideMenuActive
|
||||
animation-duration: 0.5s
|
||||
.toggle-side-menu
|
||||
right: 5px
|
||||
&.closed
|
||||
&.clicked
|
||||
animation-name: sideMenuClosed
|
||||
animation-duration: 0.3s
|
||||
> ul
|
||||
list-style: none
|
||||
a
|
||||
color: white
|
||||
li
|
||||
margin-bottom: 11px
|
||||
font-size: 1.2em
|
||||
&.title
|
||||
border-bottom: 1px solid #aaa
|
||||
h3
|
||||
color: white
|
||||
margin-bottom: 3px
|
||||
.scan-qr-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-qrcode
|
||||
.fa-glass
|
||||
margin-right: 5px
|
||||
.active-list-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-list
|
||||
.icon.settings
|
||||
margin-right: 18px
|
||||
.icon.lists
|
||||
margin-right: 18px
|
||||
.about-mozo-icon
|
||||
margin-right: 18px
|
||||
@extend .fa
|
||||
@extend .fa-info-circle
|
||||
a.active
|
||||
color: $current-color
|
||||
|
||||
.toggle-side-menu
|
||||
position: absolute
|
||||
width: 28px
|
||||
height: 28px
|
||||
color: white
|
||||
right: -30px
|
||||
cursor: pointer
|
||||
//z-index: 158
|
||||
font-size: 1.6em
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-lg
|
||||
@extend .fa-bars
|
||||
|
||||
@keyframes(sideMenuActive)
|
||||
from
|
||||
left: -$side-menu-width
|
||||
to
|
||||
left: 0
|
||||
@keyframes(sideMenuClosed)
|
||||
from
|
||||
left: 0
|
||||
to
|
||||
left: -$side-menu-width
|
||||
@@ -0,0 +1,45 @@
|
||||
.product-category-container
|
||||
border-top: 1px solid #ddd
|
||||
border-bottom: 1px solid #ddd
|
||||
margin-bottom: 5px
|
||||
h4.product_category-title
|
||||
cursor: pointer
|
||||
margin-bottom: 5px
|
||||
.icon
|
||||
@extend .fa
|
||||
@extend .fa-arrow-down
|
||||
color: #ccc
|
||||
padding-right: 10px
|
||||
&.collapsed
|
||||
@extend .fa-arrow-right
|
||||
ul.product_category-products
|
||||
list-style: none
|
||||
margin: 0 0 5px rem-calc(1.0)
|
||||
.product_category-products
|
||||
.inactive
|
||||
color: #777
|
||||
a
|
||||
color: #777
|
||||
.product-price
|
||||
float: right
|
||||
.show-product-description
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
margin-right: 7px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-info
|
||||
@extend .fa-lg
|
||||
.no-product-description
|
||||
// Empty space to match the product description for layout
|
||||
display: inline-block
|
||||
width: 1.65rem
|
||||
.add-product-to-list
|
||||
+button($bg: $secondary-color)
|
||||
+button-icon-only
|
||||
float: right
|
||||
margin-left: 5px
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-plus
|
||||
@extend .fa-lg
|
||||
@@ -0,0 +1,4 @@
|
||||
.choose-product-variant-button
|
||||
+button($padding: $button-tny)
|
||||
margin: 0
|
||||
margin-bottom: 6px
|
||||
@@ -0,0 +1,8 @@
|
||||
.settings-locale
|
||||
display: inline-block
|
||||
margin-right: 8px
|
||||
&.current
|
||||
border: 1px solid $current-color
|
||||
.settings.page
|
||||
.display-row
|
||||
margin-bottom: 15px
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,12 @@
|
||||
.feedback-container
|
||||
border-top: 1px solid #ccc
|
||||
margin-top: 1em
|
||||
padding-top: 0.5em
|
||||
.feedback-received
|
||||
+alert($bg: $info-color)
|
||||
|
||||
.technical-information-container
|
||||
border-top: 1px solid #ccc
|
||||
margin-top: 1em
|
||||
padding-top: 0.5em
|
||||
margin-bottom: 1em
|
||||
@@ -0,0 +1,11 @@
|
||||
.home-panel
|
||||
+panel()
|
||||
margin: 30px auto 20px auto
|
||||
width: 350px
|
||||
text-align: center
|
||||
padding-bottom: 30px
|
||||
.home-header
|
||||
img
|
||||
display: block
|
||||
margin: 0 auto
|
||||
margin-bottom: 24px
|
||||
@@ -0,0 +1,28 @@
|
||||
$scanning-code-width: 200px
|
||||
$scanning-code-height: $scanning-code-width/0.785
|
||||
.page-scanning
|
||||
width: $scanning-code-width
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
position: relative
|
||||
margin-top: 30px
|
||||
.scanning-qr-image
|
||||
position: absolute
|
||||
font-size: $scanning-code-height
|
||||
span
|
||||
@extend .fa
|
||||
@extend .fa-qrcode
|
||||
.scanning-laser
|
||||
position: absolute
|
||||
height: $scanning-code-height
|
||||
border-right: 2px solid #f00
|
||||
animation-name: scanning
|
||||
animation-duration: 1s infinite
|
||||
animation-direction: alternate
|
||||
animation-timing-function: linear
|
||||
|
||||
@keyframes(scanning)
|
||||
from
|
||||
left: 0
|
||||
to
|
||||
left: $scanning-code-width
|
||||
@@ -0,0 +1,15 @@
|
||||
.sign-in-button
|
||||
&.facebook
|
||||
+button($bg: #2d4486)
|
||||
.icon
|
||||
@extend .fa, .fa-2x, .fa-facebook
|
||||
margin-right: 10px
|
||||
.text
|
||||
// huh?
|
||||
&.instagram
|
||||
+button($bg: #4d3f3a)
|
||||
.icon
|
||||
@extend .fa, .fa-2x, .fa-instagram
|
||||
margin-right: 10px
|
||||
.text
|
||||
// huh?
|
||||
Reference in New Issue
Block a user