From db4e47f8c4bc58aa35fde7c676556a72e8389a5d Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Mon, 28 Sep 2020 14:28:26 +0000
Subject: [PATCH] [FIX] web_editor: restore background and foreground color
 previews

closes odoo/odoo#58733

X-original-commit: ee8cd9952736d9ea57609e218e3479963785a78d
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 addons/web_editor/static/src/scss/wysiwyg.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss
index 60e7799f455..335bce16d8b 100644
--- a/addons/web_editor/static/src/scss/wysiwyg.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg.scss
@@ -78,11 +78,23 @@ $o-we-zindex: $o-we-overlay-zindex + 1 !default;
         background: $o-we-sidebar-content-field-clickable-bg;
         color: inherit;
         font-size: $o-we-font-size !important;
+        border-bottom-color: transparent; // See caret design below
 
         &.active,
         &:focus, &:active, &:focus:active {
             @extend %we-active-button;
         }
+
+        // This element should have been removed but still exists in 13.0 by
+        // mistake. This takes advantage of it to restore the color preview
+        // feature which disappeared and cannot be fixed as in 12.0.
+        // TODO fix the right way in 14.0.
+        > .caret {
+            display: block;
+            @include o-position-absolute(auto, 0, 0, 0);
+            border-bottom: 3px solid transparent;
+            border-bottom-color: inherit;
+        }
     }
     .btn-group.show {
         > .btn {