diff options
| author | Benjamin Vray <bvr@odoo.com> | 2020-09-21 09:35:07 +0000 |
|---|---|---|
| committer | Benjamin Vray <bvr@odoo.com> | 2020-09-21 10:55:41 +0000 |
| commit | 0253b01632a30adfe071aa090a875fb3915e1962 (patch) | |
| tree | da067326bf52a44bd1a5d7726aa41b4ab136a67d /addons/website_form | |
| parent | cc8589f74d69816357cb614933358000166fa161 (diff) | |
[FIX] website_form: layout issue on multi checkboxes options
Before this commit, buttons to remove checkboxes and buttons to
re-order checkboxes were styled like button.
After this commit, buttons are just icons. We also improve a little
bit the design of the checkbox list (add space between elements and a
light border between items in the checkbox list).
task-2312878
closes odoo/odoo#58111
Signed-off-by: Jérémy Kersten (jke) <jke@openerp.com>
Diffstat (limited to 'addons/website_form')
| -rw-r--r-- | addons/website_form/static/src/scss/wysiwyg_snippets.scss | 9 | ||||
| -rw-r--r-- | addons/website_form/static/src/snippets/s_website_form/options.js | 4 |
2 files changed, 11 insertions, 2 deletions
diff --git a/addons/website_form/static/src/scss/wysiwyg_snippets.scss b/addons/website_form/static/src/scss/wysiwyg_snippets.scss index 009579f1819..9378260d8b1 100644 --- a/addons/website_form/static/src/scss/wysiwyg_snippets.scss +++ b/addons/website_form/static/src/scss/wysiwyg_snippets.scss @@ -1,6 +1,10 @@ #oe_snippets > .o_we_customize_panel we-customizeblock-option { we-list { + we-title, we-button { + margin-top: $o-we-sidebar-content-field-spacing; + } .oe_we_table_wraper { + margin-top: $o-we-sidebar-content-field-spacing; max-height: 200px; overflow-y: auto; table { @@ -12,6 +16,11 @@ border: none; width: 100%; } + tr { + border: 1px solid rgba(white, 0.1); + border-left: none; + border-right: none; + } td { &:first-child, &:last-child { width: 28px; diff --git a/addons/website_form/static/src/snippets/s_website_form/options.js b/addons/website_form/static/src/snippets/s_website_form/options.js index 80aa99e025b..acaabc6a40a 100644 --- a/addons/website_form/static/src/snippets/s_website_form/options.js +++ b/addons/website_form/static/src/snippets/s_website_form/options.js @@ -1086,7 +1086,7 @@ options.registry.WebsiteFieldEditor = FieldEditor.extend({ _addItemToTable: function (id, text) { const isCustomField = this._isFieldCustom(); const draggableEl = document.createElement('we-button'); - draggableEl.classList.add('o_we_drag_handle', 'fa', 'fa-fw', 'fa-arrows'); + draggableEl.classList.add('o_we_drag_handle', 'o_we_link', 'fa', 'fa-fw', 'fa-arrows'); draggableEl.dataset.noPreview = 'true'; const inputEl = document.createElement('input'); inputEl.type = 'text'; @@ -1099,7 +1099,7 @@ options.registry.WebsiteFieldEditor = FieldEditor.extend({ inputEl.disabled = !isCustomField; const trEl = document.createElement('tr'); const buttonEl = document.createElement('we-button'); - buttonEl.classList.add('o_we_select_remove_option', 'fa', 'fa-fw', 'fa-minus'); + buttonEl.classList.add('o_we_select_remove_option', 'o_we_link', 'o_we_text_danger', 'fa', 'fa-fw', 'fa-minus'); buttonEl.dataset.removeOption = id; buttonEl.dataset.noPreview = 'true'; const draggableTdEl = document.createElement('td'); |