left: 15px;
right: 15px;
border-top: 1px solid #dddddd;
+ max-height: 140px;
+ overflow: hidden;
}
.oe_mycart .input-group-addon {
height: 560px;
}
-@media (max-width: 728px) {
- .oe_product {
+@media (max-width: 600px) {
+ #products_grid table, #products_grid tbody, #products_grid tr, #products_grid td {
float: left;
width: 100%;
- height: 200px;
display: inline-block;
}
-
- #products_grid table, #products_grid tbody, #products_grid tr, #products_grid td {
+ #products_grid .oe_product {
float: left;
width: 100%;
+ height: 300px;
display: inline-block;
}
- #products_grid table td.oe-height-2 {
- display: none;
+}
+@media (max-width: 400px) {
+ #products_grid .oe_product {
+ height: 200px;
}
}
@media (min-width: 992px) {
left: 15px
right: 15px
border-top: 1px solid #dddddd
+ max-height: 140px
+ overflow: hidden
.oe_mycart
.input-group-addon
.oe-height-8
height: 560px
-@media (max-width: 728px)
- .oe_product
- float: left
- width: 100%
- height: 200px
- display: inline-block
+@media (max-width: 600px)
#products_grid
table, tbody,tr, td
float: left
width: 100%
display: inline-block
- table td.oe-height-2
- display: none
+ .oe_product
+ float: left
+ width: 100%
+ height: 300px
+ display: inline-block
+
+@media (max-width: 400px)
+ #products_grid
+ .oe_product
+ height: 200px
@media (min-width: 992px)
.col-md-12
<div class='style_default row'>
<div class="col-md-12" id="products_grid">
<table width="100%">
- <colgroup>
- <col class="col-md-3" />
- <col class="col-md-3" />
- <col class="col-md-3" />
- <col class="col-md-3" />
- </colgroup>
<tbody>
<t t-set="table_products" t-value="get_bin_packing_products(product_ids, product_ids_for_holes, 4)"/>
<tr t-foreach="table_products" t-as="tr_product">