pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website_sale: responsible design for products grid

Browse Source 
bzr revid: chm@openerp.com-20130930084708-is68jozdizp1c9z9
This commit is contained in:
Christophe Matthieu
2013-09-30 10:47:08 +02:00
parent 27c9ab5737
commit af96efffc9
2 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_sale/static/src/css/website_sale.css
+17 -2
View File
@@ -111,6 +111,23 @@
height: 280px;
}
@media (max-width: 728px) {
.oe_product {
float: left;
width: 100%;
height: 200px;
display: inline-block;
}
#products_grid table, #products_grid tbody, #products_grid tr, #products_grid td {
float: left;
width: 100%;
display: inline-block;
}
#products_grid table td.oe-height-2 {
display: none;
}
}
@media (min-width: 992px) {
.col-md-12 .oe-height-1 {
height: 95px;
@@ -138,7 +155,6 @@
height: 288px;
}
}
@media (min-width: 1200px) {
.col-md-12 .oe-height-1 {
height: 125px;
@@ -166,7 +182,6 @@
height: 380px;
}
}
/* ---- Product list style ---- */
.oe_list_products {
border: none;
addons/website_sale/static/src/css/website_sale.sass
+14 -1
View File
@@ -103,6 +103,20 @@
.oe-height-4
height: 280px
@media (max-width: 728px)
.oe_product
float: left
width: 100%
height: 200px
display: inline-block
#products_grid
table, tbody,tr, td
float: left
width: 100%
display: inline-block
table td.oe-height-2
display: none
@media (min-width: 992px)
.col-md-12
.oe-height-1
@@ -143,7 +157,6 @@
.oe-height-4
height: 380px
/* ---- Product list style ---- */
.oe_list_products
border: none