tap/app/assets/stylesheets/orders.css.scss

85 lines
1.4 KiB
SCSS
Raw Normal View History

2014-11-06 18:56:00 +01:00
// 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/
2015-02-19 18:08:50 +01:00
2015-09-20 21:21:18 +02:00
.barcode-wrapper {
font-size: 300%;
input {
width: 100%;
2015-03-19 14:59:37 +01:00
}
2015-02-19 18:07:34 +01:00
}
2015-09-20 21:21:18 +02:00
#products_modal {
.modal-header {
h4 {
display: inline-block;
}
input {
margin-right: 20px;
}
}
}
#product_buttons {
.col-md-2, .col-md-3 {
2015-09-20 21:21:18 +02:00
margin-bottom: 20px;
}
button.product {
width: 100%;
2016-02-04 14:24:02 +01:00
height: 100px;
2015-09-20 21:21:18 +02:00
p {
overflow: hidden;
text-overflow: ellipsis;
}
2015-09-20 21:21:18 +02:00
img {
2016-02-04 14:24:02 +01:00
max-height: 70%;
2015-09-20 21:21:18 +02:00
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
}
}
2015-09-20 21:21:18 +02:00
#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: "";
}
}
}
}