diff options
| author | qsm-odoo <qsm@odoo.com> | 2020-07-10 13:47:26 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-07-14 14:43:16 +0000 |
| commit | b4ce6fbc01e9c49bfc00a64627a4ac1fac2c9ab2 (patch) | |
| tree | 596acc19d9e2467178f88961448afe24631cfb9d /addons/website | |
| parent | 43c158295b8fe9d06be4dfcbd5465ef0e6e42f0a (diff) | |
[IMP] website, *: add prettier preview of border styles
*: web_editor
Part of https://github.com/odoo/odoo/pull/53930
task-2157252
Diffstat (limited to 'addons/website')
| -rw-r--r-- | addons/website/static/src/scss/website.wysiwyg.scss | 9 | ||||
| -rw-r--r-- | addons/website/views/snippets/snippets.xml | 8 |
2 files changed, 13 insertions, 4 deletions
diff --git a/addons/website/static/src/scss/website.wysiwyg.scss b/addons/website/static/src/scss/website.wysiwyg.scss index 90be93c7f79..8364bbac507 100644 --- a/addons/website/static/src/scss/website.wysiwyg.scss +++ b/addons/website/static/src/scss/website.wysiwyg.scss @@ -126,3 +126,12 @@ we-collapse { position: relative; padding: 0.3em 0.3em 0.3em 1em; } + +.o_we_border_preview { + display: inline-block; + width: 999px; + max-width: 100%; + margin-bottom: 2px; + border-width: 4px; + border-bottom: none !important; +} diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml index 40048401538..9b17aa99909 100644 --- a/addons/website/views/snippets/snippets.xml +++ b/addons/website/views/snippets/snippets.xml @@ -124,10 +124,10 @@ <we-colorpicker data-dependencies="border_width_opt" data-select-style="true" data-css-property="border-color" data-color-prefix="border-"/> <we-select data-css-property="border-style" data-dependencies="border_width_opt"> - <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-button title="Solid" data-select-style="solid"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: solid;"/></we-button> + <we-button title="Dashed" data-select-style="dashed"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: dashed;"/></we-button> + <we-button title="Dotted" data-select-style="dotted"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: dotted;"/></we-button> + <we-button title="Double" data-select-style="double"><div class="o_we_fake_img_item o_we_border_preview" style="border-style: double; border-left: none; border-right: none;"/></we-button> </we-select> <we-input data-name="border_width_opt" data-select-style="0" data-css-property="border-width" |