From 9a4fa79bacdafca3c8e07bf6d9698c5ab0ffc1af Mon Sep 17 00:00:00 2001 From: qsm-odoo Date: Mon, 4 Apr 2022 12:49:00 +0000 Subject: [PATCH] [FIX] website: stop losing whitespaces around social medias During edit mode, editing the social media snippet induced losing the whitespaces between the social media icons, thus reducing the space between them. That space was however restored after saving. After this commit, after each social media snippet change, we restore a line break whitespace between each social media icon. task-2739937 closes odoo/odoo#87933 X-original-commit: 3b8f11273bfa926172a4297785e58dfea92728d9 Signed-off-by: Quentin Smetz (qsm) --- .../static/src/snippets/s_social_media/options.js | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/addons/website/static/src/snippets/s_social_media/options.js b/addons/website/static/src/snippets/s_social_media/options.js index 29e98b65539..ba4e57b8eb2 100644 --- a/addons/website/static/src/snippets/s_social_media/options.js +++ b/addons/website/static/src/snippets/s_social_media/options.js @@ -155,6 +155,17 @@ options.registry.SocialMedia = options.Class.extend({ // Place the link at the correct position this.$target[0].appendChild(anchorEl); } + + // Restore whitespaces around the links + this.$target[0].normalize(); + const finalLinkEls = this.$target[0].querySelectorAll(':scope > a'); + if (finalLinkEls.length) { + finalLinkEls[0].previousSibling.textContent = '\n'; + for (const linkEl of finalLinkEls) { + linkEl.after(document.createTextNode('\n')); + } + } + this._handleNoMediaAlert(); },