diff options
| author | stefanorigano <sri@odoo.com> | 2018-04-10 13:35:14 +0200 |
|---|---|---|
| committer | Jeremy Kersten <jke@odoo.com> | 2018-04-10 18:05:52 +0200 |
| commit | f39b1bb4467e5c0da7d2b52cf69e27175d1247a9 (patch) | |
| tree | 316e314c703fcfe713888f6115eadf3bda49cdb0 | |
| parent | 8d2d774e678959b69da09a83d4297a3e186e0f54 (diff) | |
[REF] website_sale: multi-image modal design
| -rw-r--r-- | addons/website_sale/static/src/less/website_sale_backend.less | 24 | ||||
| -rw-r--r-- | addons/website_sale/views/product_views.xml | 18 |
2 files changed, 35 insertions, 7 deletions
diff --git a/addons/website_sale/static/src/less/website_sale_backend.less b/addons/website_sale/static/src/less/website_sale_backend.less index 065e3383e82..88354e35503 100644 --- a/addons/website_sale/static/src/less/website_sale_backend.less +++ b/addons/website_sale/static/src/less/website_sale_backend.less @@ -59,4 +59,28 @@ } } } +} + +.o_website_sale_image_modal { + .o_website_sale_image_modal_container { + border-left: 1px solid @gray-lighter-darker; + + .o_field_image { + margin-bottom: 0; + box-shadow: 0 2px 10px @gray-lighter-dark; + + > img { + border: 1px solid @gray-lighter-darker; + min-height: 200px; + max-height: 350px; // Fallback for browsers that dosn't support responsive units + max-height: 50vh; + width: auto; + } + + .o_form_image_controls { + .o-hover-opacity(0.7, 1); + padding: 2%; + } + } + } }
\ No newline at end of file diff --git a/addons/website_sale/views/product_views.xml b/addons/website_sale/views/product_views.xml index ed83df110bd..545ae0cd200 100644 --- a/addons/website_sale/views/product_views.xml +++ b/addons/website_sale/views/product_views.xml @@ -238,14 +238,18 @@ <field name="model">product.image</field> <field name="arch" type="xml"> <form string="Product Images"> - <sheet> - <field name="image" widget="image" class="oe_avatar" options="{'size': [90, 90]}"/> - <div class="oe_title"> - <label class="oe_edit_only" for="name" string="Image Name"/> - <h1><field name="name" placeholder="Image Name" required="True"/></h1> - <field name="product_tmpl_id" invisible="1"/> + <div class="row o_website_sale_image_modal"> + <div class="col-sm-6 col-lg-5"> + <div class="oe_title"> + <label class="small text-muted" for="name" string="Image Name"/> + <h2><field name="name" placeholder="Image Name" required="True"/></h2> + <field name="product_tmpl_id" invisible="1"/> + </div> </div> - </sheet> + <div class="col-sm-6 col-lg-7 text-center o_website_sale_image_modal_container"> + <field name="image" widget="image"/> + </div> + </div> </form> </field> </record> |