Files
odoo_source/addons/website/views/snippets/s_hr.xml
T
qsm-odoo d23a9c1954 [IMP] web_editor, *: introduce new "button group" editor widget
*: website, website_form

Basically work just as a we-select but with a different design.

Part of https://github.com/odoo/odoo/pull/53930
task-2157252
2020-07-14 14:43:16 +00:00

50 lines
2.2 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_hr" name="Separator">
<div class="s_hr text-left pt32 pb32">
<hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid;"/>
</div>
</template>
<template id="s_hr_options" inherit_id="website.snippet_options">
<xpath expr="." position="inside">
<div data-selector=".s_hr" data-target="hr">
<we-row string="Thickness">
<we-colorpicker
data-select-style="true"
data-css-property="border-color"
data-color-prefix="border-"
data-excluded="transparent_grayscale"/>
<we-input data-unit="px" data-select-style="1px"
data-css-property="border-top-width"/>
</we-row>
<we-select string="Style" data-css-property="border-top-style">
<we-button data-select-style="solid">Solid</we-button>
<we-button data-select-style="dashed">Dashed</we-button>
<we-button data-select-style="dotted">Dotted</we-button>
<we-button data-select-style="double">Double</we-button>
</we-select>
<we-select string="Width">
<we-button data-select-class="w-25">25%</we-button>
<we-button data-select-class="w-50">50%</we-button>
<we-button data-select-class="w-75">75%</we-button>
<we-button data-select-class="w-100">100%</we-button>
</we-select>
<we-button-group string="Alignment">
<we-button title="Left" data-select-class="mr-auto"><i class="fa fa-fw fa-align-left"/></we-button>
<we-button title="Center" data-select-class="mx-auto"><i class="fa fa-fw fa-align-center"/></we-button>
<we-button title="Right" data-select-class="ml-auto"><i class="fa fa-fw fa-align-right"/></we-button>
</we-button-group>
</div>
</xpath>
</template>
<template id="assets_snippet_s_hr_css_000" inherit_id="website.assets_frontend">
<xpath expr="//link[last()]" position="after">
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_hr/000.scss"/>
</xpath>
</template>
</odoo>