From 0d6a3904712323a0f9d9f231aa39aa9cf4652c06 Mon Sep 17 00:00:00 2001
From: "Rmi Rahir (rar)" <rar@odoo.com>
Date: Mon, 22 May 2023 06:07:21 +0000
Subject: [PATCH] [FIX] ColorPicker: Fix style issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrong style introduced in e95c1f81 as the class `o-color-picker-toggler`
has been applied to several divs as discriminant selectors in the tests.
I did not test this properly at forward port.

closes odoo/o-spreadsheet#2502

X-original-commit: 1333832bf7ea37554085a6d21e11bb5ece0f5ef7
Signed-off-by: Lucas Lefèvre (lul) <lul@odoo.com>
Signed-off-by: Rémi Rahir (rar) <rar@odoo.com>
---
 src/components/color_picker/color_picker.ts              | 2 +-
 src/components/color_picker/color_picker.xml             | 2 +-
 tests/components/__snapshots__/color_picker.test.ts.snap | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/color_picker/color_picker.ts b/src/components/color_picker/color_picker.ts
index 9e00108bf..6726d1022 100644
--- a/src/components/color_picker/color_picker.ts
+++ b/src/components/color_picker/color_picker.ts
@@ -49,7 +49,7 @@ css/* scss */ `
       grid-template-columns: repeat(${ITEMS_PER_LINE}, 1fr);
       grid-gap: ${ITEM_HORIZONTAL_MARGIN * 2}px;
     }
-    .o-color-picker-toggler {
+    .o-color-picker-toggler-button {
       display: flex;
       .o-color-picker-toggler-sign {
         margin: auto auto;
diff --git a/src/components/color_picker/color_picker.xml b/src/components/color_picker/color_picker.xml
index 0e2b07c7d..c4bc81102 100644
--- a/src/components/color_picker/color_picker.xml
+++ b/src/components/color_picker/color_picker.xml
@@ -27,7 +27,7 @@
           <span>Custom</span>
         </div>
         <div class="colors-grid o-color-picker-toggler" t-on-click.stop="toggleColorPicker">
-          <div class="o-color-picker-line-item o-color-picker-toggler">
+          <div class="o-color-picker-line-item o-color-picker-toggler-button">
             <div class="o-color-picker-toggler-sign">
               <t t-call="o-spreadsheet-Icon.PLUS"/>
             </div>
diff --git a/tests/components/__snapshots__/color_picker.test.ts.snap b/tests/components/__snapshots__/color_picker.test.ts.snap
index 9e3946831..e227173e2 100644
--- a/tests/components/__snapshots__/color_picker.test.ts.snap
+++ b/tests/components/__snapshots__/color_picker.test.ts.snap
@@ -436,7 +436,7 @@ exports[`Color Picker buttons Full component rendering 1`] = `
     class="colors-grid o-color-picker-toggler"
   >
     <div
-      class="o-color-picker-line-item o-color-picker-toggler"
+      class="o-color-picker-line-item o-color-picker-toggler-button"
     >
       <div
         class="o-color-picker-toggler-sign"