From 7c4b99fec2d45b42d3c0a4eaa2b32c688a20d97b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Warnon?= <awa@odoo.com>
Date: Tue, 12 Mar 2019 08:59:18 +0000
Subject: [PATCH] [IMP] (w_)sale_product_configurator: improve single custom
 value layout

Purpose
=======

When a single custom value is configured in an attribute, use the 'value' label
as a placeholder to have a full width input.
---
 addons/sale/static/src/js/variant_mixin.js            | 9 ++-------
 addons/sale/static/src/scss/product_configurator.scss | 7 -------
 2 files changed, 2 insertions(+), 14 deletions(-)

diff --git a/addons/sale/static/src/js/variant_mixin.js b/addons/sale/static/src/js/variant_mixin.js
index 3e66df0a8c1..6ce51f2998d 100644
--- a/addons/sale/static/src/js/variant_mixin.js
+++ b/addons/sale/static/src/js/variant_mixin.js
@@ -100,7 +100,6 @@ var VariantMixin = {
                         || $variantContainer
                               .find('.variant_custom_value')
                               .data('attribute_value_id') !== parseInt(attributeValueId)){
-                    $variantContainer.find('.variant_custom_value_label').remove();
                     $variantContainer.find('.variant_custom_value').remove();
 
                     var $input = $('<input>', {
@@ -117,16 +116,12 @@ var VariantMixin = {
                         $input.addClass('custom_value_radio');
                         $target.closest('div').after($input);
                     } else {
-                        var $label = $('<label>', {
-                            html: attributeValueName + ': ',
-                            class: 'variant_custom_value_label'
-                        });
+                        $input.attr('placeholder', attributeValueName);
                         $input.addClass('custom_value_own_line');
-                        $variantContainer.append($label).append($input);
+                        $variantContainer.append($input);
                     }
                 }
             } else {
-                $variantContainer.find('.variant_custom_value_label').remove();
                 $variantContainer.find('.variant_custom_value').remove();
             }
         }
diff --git a/addons/sale/static/src/scss/product_configurator.scss b/addons/sale/static/src/scss/product_configurator.scss
index 6f95ec4d9d0..16131046a22 100644
--- a/addons/sale/static/src/scss/product_configurator.scss
+++ b/addons/sale/static/src/scss/product_configurator.scss
@@ -93,9 +93,7 @@ label.css_attribute_color.css_not_available {
         margin-bottom: 0.7rem;
 
         &.custom_value_own_line {
-            width: 60%;
             display: inline-block;
-            margin-left: 2rem;
         }
     }
 
@@ -106,11 +104,6 @@ label.css_attribute_color.css_not_available {
     select {
         margin-bottom: 0.5rem;
     }
-
-    .variant_custom_value_label {
-        margin: 0.3rem 0rem;
-        font-weight: normal;
-    }
 }
 
 .o_product_configurator {