[IMP] website_sale: responsible design (css height)
bzr revid: chm@openerp.com-20130927152625-mrr0r2514qfwyisp
This commit is contained in:
parent
a5ac76bc2b
commit
8d3db3a13f
|
@ -260,10 +260,6 @@ table.editorbar-panel td.selected {
|
|||
}
|
||||
|
||||
/* ---- SNIPPETS DROP ZONES ---- */
|
||||
.col-md-12 {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.oe_drop_zone.oe_insert {
|
||||
display: block;
|
||||
height: 48px;
|
||||
|
|
|
@ -225,9 +225,6 @@ table.editorbar-panel
|
|||
|
||||
/* ---- SNIPPETS DROP ZONES ---- */
|
||||
|
||||
|
||||
.col-md-12
|
||||
float: left
|
||||
.oe_drop_zone.oe_insert
|
||||
display: block
|
||||
height: 48px
|
||||
|
|
|
@ -216,6 +216,12 @@ footer {
|
|||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
.col-md-12 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
|
||||
background-image: url("/website/static/src/img/drag_here.png");
|
||||
|
|
|
@ -143,6 +143,12 @@ footer
|
|||
padding-top: 24px
|
||||
padding-bottom: 12px
|
||||
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
|
||||
.col-md-12
|
||||
float: left
|
||||
width: 100%
|
||||
|
||||
/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */
|
||||
|
||||
.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
||||
|
|
|
@ -86,31 +86,85 @@
|
|||
|
||||
/* ---- Product Sizes ---- */
|
||||
.col-md-12 .oe-height-1 {
|
||||
height: 125px;
|
||||
height: 75px;
|
||||
}
|
||||
.col-md-12 .oe-height-2 {
|
||||
height: 250px;
|
||||
height: 150px;
|
||||
}
|
||||
.col-md-12 .oe-height-3 {
|
||||
height: 375px;
|
||||
height: 225px;
|
||||
}
|
||||
.col-md-12 .oe-height-4 {
|
||||
height: 499.9px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.col-md-9 .oe-height-1 {
|
||||
height: 95px;
|
||||
height: 70px;
|
||||
}
|
||||
.col-md-9 .oe-height-2 {
|
||||
height: 190px;
|
||||
height: 140px;
|
||||
}
|
||||
.col-md-9 .oe-height-3 {
|
||||
height: 285px;
|
||||
height: 210px;
|
||||
}
|
||||
.col-md-9 .oe-height-4 {
|
||||
height: 380px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.col-md-12 .oe-height-1 {
|
||||
height: 95px;
|
||||
}
|
||||
.col-md-12 .oe-height-2 {
|
||||
height: 190px;
|
||||
}
|
||||
.col-md-12 .oe-height-3 {
|
||||
height: 285px;
|
||||
}
|
||||
.col-md-12 .oe-height-4 {
|
||||
height: 380px;
|
||||
}
|
||||
|
||||
.col-md-9 .oe-height-1 {
|
||||
height: 72px;
|
||||
}
|
||||
.col-md-9 .oe-height-2 {
|
||||
height: 144px;
|
||||
}
|
||||
.col-md-9 .oe-height-3 {
|
||||
height: 216px;
|
||||
}
|
||||
.col-md-9 .oe-height-4 {
|
||||
height: 288px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.col-md-12 .oe-height-1 {
|
||||
height: 125px;
|
||||
}
|
||||
.col-md-12 .oe-height-2 {
|
||||
height: 250px;
|
||||
}
|
||||
.col-md-12 .oe-height-3 {
|
||||
height: 375px;
|
||||
}
|
||||
.col-md-12 .oe-height-4 {
|
||||
height: 499.9px;
|
||||
}
|
||||
|
||||
.col-md-9 .oe-height-1 {
|
||||
height: 95px;
|
||||
}
|
||||
.col-md-9 .oe-height-2 {
|
||||
height: 190px;
|
||||
}
|
||||
.col-md-9 .oe-height-3 {
|
||||
height: 285px;
|
||||
}
|
||||
.col-md-9 .oe-height-4 {
|
||||
height: 380px;
|
||||
}
|
||||
}
|
||||
/* ---- Product list style ---- */
|
||||
.oe_list_products {
|
||||
border: none;
|
||||
|
|
|
@ -84,25 +84,64 @@
|
|||
bottom: 0
|
||||
|
||||
/* ---- Product Sizes ---- */
|
||||
|
||||
.col-md-12
|
||||
.oe-height-1
|
||||
height: 125px
|
||||
height: 75px
|
||||
.oe-height-2
|
||||
height: 250px
|
||||
height: 150px
|
||||
.oe-height-3
|
||||
height: 375px
|
||||
height: 225px
|
||||
.oe-height-4
|
||||
height: 499.9px
|
||||
height: 300px
|
||||
.col-md-9
|
||||
.oe-height-1
|
||||
height: 95px
|
||||
height: 70px
|
||||
.oe-height-2
|
||||
height: 190px
|
||||
height: 140px
|
||||
.oe-height-3
|
||||
height: 285px
|
||||
height: 210px
|
||||
.oe-height-4
|
||||
height: 380px
|
||||
height: 280px
|
||||
|
||||
@media (min-width: 992px)
|
||||
.col-md-12
|
||||
.oe-height-1
|
||||
height: 95px
|
||||
.oe-height-2
|
||||
height: 190px
|
||||
.oe-height-3
|
||||
height: 285px
|
||||
.oe-height-4
|
||||
height: 380px
|
||||
.col-md-9
|
||||
.oe-height-1
|
||||
height: 72px
|
||||
.oe-height-2
|
||||
height: 144px
|
||||
.oe-height-3
|
||||
height: 216px
|
||||
.oe-height-4
|
||||
height: 288px
|
||||
|
||||
@media (min-width: 1200px)
|
||||
.col-md-12
|
||||
.oe-height-1
|
||||
height: 125px
|
||||
.oe-height-2
|
||||
height: 250px
|
||||
.oe-height-3
|
||||
height: 375px
|
||||
.oe-height-4
|
||||
height: 499.9px
|
||||
.col-md-9
|
||||
.oe-height-1
|
||||
height: 95px
|
||||
.oe-height-2
|
||||
height: 190px
|
||||
.oe-height-3
|
||||
height: 285px
|
||||
.oe-height-4
|
||||
height: 380px
|
||||
|
||||
|
||||
/* ---- Product list style ---- */
|
||||
|
|
|
@ -64,6 +64,7 @@
|
|||
</record>
|
||||
<record id="product.product_product_6" model="product.product">
|
||||
<field name="website_published" eval="True"/>
|
||||
<field name="website_sequence">4</field>
|
||||
<field name="website_style_ids" eval="[(6,0,[ref('website_sale.image_full')])]"/>
|
||||
</record>
|
||||
<record id="product.product_product_7" model="product.product">
|
||||
|
@ -77,6 +78,7 @@
|
|||
</record>
|
||||
<record id="product.product_product_11" model="product.product">
|
||||
<field name="website_published" eval="True"/>
|
||||
<field name="website_sequence">3</field>
|
||||
<field name="website_size_y">2</field>
|
||||
</record>
|
||||
|
||||
|
|
Loading…
Reference in New Issue