Romain Derie
af320bad34
Some (most?) people keep trying to double click on it to edit it. The wording was not helping as "Replace this" doesn't really tell the user how to do it. He actually has to click on the "Edit" button on the right panel. Personal experience, the first times I tried that code snippet, I didn't find that button and it took me a few times before understanding how it works. The new wording and the shortcut button to edit it should be more clear. Another idea was to allow dblclick to enter edit mode, but this seems overkill and the 2 improvements here should be enough to make it easy to figure. Also added a comment about the `
` and one-liner, it is far from obvious when reading the code.. task-2978786 closes odoo/odoo#99922 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
40 lines
1.8 KiB
XML
40 lines
1.8 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<template name="Embed Code" id="s_embed_code">
|
|
<section class="s_embed_code text-center pt64 pb64">
|
|
<div class="s_embed_code_embedded container o_not_editable">
|
|
<!-- Keep the next line as a one-liner, this is to nicely show the
|
|
code in the ace editor when the user is replacing it. The ` `
|
|
acts as line returns. -->
|
|
<div class="font-monospace pt8 bg-light"> Click on <b>"Edit"</b> in the right panel to replace this with your own HTML code </div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<!-- Snippet's Options -->
|
|
<template id="s_embed_code_options" inherit_id="website.snippet_options">
|
|
<xpath expr="//div[@data-js='Box']" position="before">
|
|
<div data-js="EmbedCode" data-selector=".s_embed_code">
|
|
<we-row string="Code">
|
|
<we-button data-edit-code="" data-no-preview="true"
|
|
class="o_we_edit_code o_we_no_toggle o_we_bg_success active"
|
|
title="Edit embedded code">Edit</we-button>
|
|
</we-row>
|
|
<we-button-group string="Alignment">
|
|
<we-button class="fa fa-fw fa-align-left" title="Left" data-select-class="text-start"/>
|
|
<we-button class="fa fa-fw fa-align-center" title="Center" data-select-class="text-center"/>
|
|
<we-button class="fa fa-fw fa-align-right" title="Right" data-select-class="text-end"/>
|
|
</we-button-group>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
|
|
<record id="website.s_embed_code_000_scss" model="ir.asset">
|
|
<field name="name">Embed Code 000 SCSS</field>
|
|
<field name="bundle">web.assets_frontend</field>
|
|
<field name="path">website/static/src/snippets/s_embed_code/000.scss</field>
|
|
</record>
|
|
|
|
</odoo>
|