From 14f4bd526aaa03a8f757f8725102b34e4733263c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Geelen=20=28sge=29?= <sge@odoo.com>
Date: Tue, 25 Jan 2022 08:29:55 +0000
Subject: [PATCH] [FIX] web_editor: adjust codeview button placement

Move the codeview button to avoid conflict with the Translate button.

task-2637488

Part-of: odoo/odoo#83792
---
 .../web/static/src/legacy/scss/form_view.scss | 20 +++++++++++--------
 .../static/src/scss/web_editor.backend.scss   |  2 +-
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/addons/web/static/src/legacy/scss/form_view.scss b/addons/web/static/src/legacy/scss/form_view.scss
index c9f74d2b30b..96f020c8060 100644
--- a/addons/web/static/src/legacy/scss/form_view.scss
+++ b/addons/web/static/src/legacy/scss/form_view.scss
@@ -686,14 +686,18 @@ $o-form-label-margin-right: 0px;
 
     // Translate icon
     span.o_field_translate {
-            padding: 0 $o-form-spacing-unit 0 0 !important;
-            vertical-align: top;
-            position: relative;
-            margin-left: -35px;
-            width: 35px !important; // important is usefull for textarea
-            display: inline-block;
-            text-align: right;
-            border: none;  // usefull for textarea
+        padding: 0 $o-form-spacing-unit 0 0 !important;
+        vertical-align: top;
+        position: relative;
+        margin-left: -35px;
+        width: 35px !important; // important is useful for textarea
+        display: inline-block;
+        text-align: right;
+        border: none;  // usefull for textarea
+        background-color: rgba($o-view-background-color, 0.8); // useful in code view
+        &:hover {
+            background-color: $o-view-background-color
+        }
     }
     input, textarea {
         &.o_field_translate {
diff --git a/addons/web_editor/static/src/scss/web_editor.backend.scss b/addons/web_editor/static/src/scss/web_editor.backend.scss
index b49b8990053..1a8e94673fe 100644
--- a/addons/web_editor/static/src/scss/web_editor.backend.scss
+++ b/addons/web_editor/static/src/scss/web_editor.backend.scss
@@ -3,7 +3,7 @@
     word-wrap: break-word;
     overflow: hidden;
 
-    .odoo-editor #codeview-btn-group {
+    #codeview-btn-group {
         position: absolute;
         top: 0;
         right: 0;