From 68999cd95f8e2e98f1cce60bcfd83e84d6d48add Mon Sep 17 00:00:00 2001
From: Antoine Guenet <age@odoo.com>
Date: Tue, 24 May 2022 13:25:06 +0000
Subject: [PATCH] [IMP] web_editor: restyle tables in editor

- reduce the default row height to get a padding of .5rem instead of .75
- use a darker grey for table border color

task-2858455

Part-of: odoo/odoo#92200
---
 .../static/src/js/editor/odoo-editor/src/OdooEditor.js        | 2 +-
 .../static/src/js/editor/odoo-editor/src/base_style.scss      | 4 ++++
 .../static/src/js/editor/odoo-editor/src/commands/commands.js | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js b/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js
index 68c8de379ab..0f80b9e233c 100644
--- a/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js
+++ b/addons/web_editor/static/src/js/editor/odoo-editor/src/OdooEditor.js
@@ -2224,7 +2224,7 @@ export class OdooEditor extends EventTarget {
         container.innerHTML = clipboardData;
 
         for (const tableElement of container.querySelectorAll('table')) {
-            tableElement.classList.add('table', 'table-bordered');
+            tableElement.classList.add('table', 'table-bordered', 'o_table');
         }
 
         for (const child of [...container.childNodes]) {
diff --git a/addons/web_editor/static/src/js/editor/odoo-editor/src/base_style.scss b/addons/web_editor/static/src/js/editor/odoo-editor/src/base_style.scss
index 04cfa68c98e..76dcd592032 100644
--- a/addons/web_editor/static/src/js/editor/odoo-editor/src/base_style.scss
+++ b/addons/web_editor/static/src/js/editor/odoo-editor/src/base_style.scss
@@ -1,3 +1,7 @@
 li.oe-nested {
     display: block;
 }
+.o_table tr td {
+    padding: 0.5rem;
+    border-color: #c9ccd2;
+}
diff --git a/addons/web_editor/static/src/js/editor/odoo-editor/src/commands/commands.js b/addons/web_editor/static/src/js/editor/odoo-editor/src/commands/commands.js
index f56a7d774fb..2261e4bc1cf 100644
--- a/addons/web_editor/static/src/js/editor/odoo-editor/src/commands/commands.js
+++ b/addons/web_editor/static/src/js/editor/odoo-editor/src/commands/commands.js
@@ -834,7 +834,7 @@ export const editorCommands = {
     insertTable: (editor, { rowNumber = 2, colNumber = 2 } = {}) => {
         const tdsHtml = new Array(colNumber).fill('<td><p><br></p></td>').join('');
         const trsHtml = new Array(rowNumber).fill(`<tr>${tdsHtml}</tr>`).join('');
-        const tableHtml = `<table class="table table-bordered"><tbody>${trsHtml}</tbody></table>`;
+        const tableHtml = `<table class="table table-bordered o_table"><tbody>${trsHtml}</tbody></table>`;
         const sel = editor.document.getSelection();
         if (!sel.isCollapsed) {
             editor.deleteRange(sel);