tap/app/assets/stylesheets/orders.css.scss
2016-02-04 14:24:02 +01:00

84 lines
1.4 KiB
SCSS

// Place all the styles related to the Orders controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.barcode-wrapper {
font-size: 300%;
input {
width: 100%;
}
}
#products_modal {
.modal-header {
h4 {
display: inline-block;
}
input {
margin-right: 20px;
}
}
}
#product_buttons {
.col-md-2, .col-md-3 {
margin-bottom: 20px;
}
button.product {
width: 100%;
height: 100px;
p {
overflow: hidden;
text-overflow: ellipsis;
}
img {
max-height: 70%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
}
}
#current_order {
text-align: left;
border: 1px solid;
padding: 10px;
div.center {
margin-bottom: 20px;
}
.order_item_wrapper {
input {
border: none;
width: auto;
}
}
table {
border-top: 1px dashed;
border-collapse: separate;
margin-bottom: 15px;
td:first-child {
width: 40px;
input {
text-align: right;
width: 40px;
}
}
tr:last-child td {
border-top: 1px dashed;
padding-top: 10px;
margin-top: 10px;
}
tr.margin {
height: 10px;
}
td.euro {
text-align: right;
&::before {
content: "";
}
}
}
}