[IMP] website: industry input should have a placeholder

-User might not know what they going to type in, this commit add a
placeholder in the input of industry selection to give a hint for user
when in website creation

closes odoo/odoo#155862

Signed-off-by: Romain Derie (rde) <rde@odoo.com>

addons/website/i18n/website.pot

@@ -11521,6 +11521,13 @@ msgid ""
 "confirm."
 msgstr ""
 
+#. module: website
+#. odoo-javascript
+#: code:addons/website/static/src/client_actions/configurator/configurator.xml:0
+#, python-format
+msgid "Type an industry (Fashion, Electronic store, etc...)"
+msgstr ""
+
 #. module: website
 #. odoo-javascript
 #: code:addons/website/static/src/components/wysiwyg_adapter/wysiwyg_adapter.js:0

addons/website/static/src/client_actions/configurator/configurator.scss

@@ -1,6 +1,7 @@
 .o_configurator_container {
     @include o-position-absolute(0, 0, 0, 0);
     background-color: $o-view-background-color;
+    $input-font-size: 40%;
 
     .o_configurator_screen {
 
@@ -123,6 +124,9 @@
                         color: inherit;
                         outline: none;
                     }
+                    &::placeholder {
+                        font-size: $input-font-size;
+                    }
                 }
 
                 &::after {

addons/website/static/src/client_actions/configurator/configurator.xml

@@ -51,8 +51,11 @@
                     <span t-attf-class="me-2 {{!state.selectedType ? 'o_configurator_hide' : 'o_configurator_show'}}"> for my</span>
                 </div>
                 <div t-attf-class="o_configurator_typing_text d-inline d-md-flex align-items-center o_configurator_industry mb-md-2 mb-lg-4 {{!state.selectedType ? 'o_configurator_hide' : 'o_configurator_show'}}">
+                    <!-- Use t-set in order to be able to translate, if put in the attribute directly then export POT file will not exist this text-->
+                    <t t-set="industry_placeholder">Type an industry (Fashion, Electronic store, etc...)</t>
                     <label class="o_configurator_industry_wrapper me-2" t-ref="industrySelection">
                         <AutoComplete
+                            placeholder="industry_placeholder"
                             value="state.selectedIndustry?.label ?? ''"
                             sources="sources"
                             onSelect.bind="_setSelectedIndustry"