Files
mozo-backend/app/assets/stylesheets/supplier/base1-shared/section_tables.css.sass
T

125 lines
2.7 KiB
Sass

.section-title
font-size: 24px
padding: 4px 0px
.section-manage-tables
margin: -32px 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: 40px
.section-edit-height-field
display: inline-block
width: 40px
#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
.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
.table-settings
width: 200px
height: 30px
position: absolute
top: -30px
select
width: 92px
&.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