[FIX] web_editor, website: restore content menu feature

Commit 3c9e6c89e7207636c1bdab4ed8118c0c1089d43e made big changes to the
link editor dialog... but also broke many features with it.

Commit 9a1ea6dc08af8b6dc5c5a47277f03f662094d4b2 already fixed some of
them but this commit fixes a bigger one. Indeed, the menu edition
feature was totally broken since the changes. Also, the DOM was messy
which broke form navigation, etc.
This commit also simplifies the LESS which was uselessly big.

1 files changed, 20 insertions, 38 deletions

diff --git a/addons/web_editor/static/src/less/web_editor.ui.components.less b/addons/web_editor/static/src/less/web_editor.ui.components.less
index 1ef94f63822..826f7b0618d 100644
--- a/addons/web_editor/static/src/less/web_editor.ui.components.less
+++ b/addons/web_editor/static/src/less/web_editor.ui.components.less
@@ -442,49 +442,31 @@ body .modal {
     }
 
     // LINK EDITOR DIALOG COLOR SELECTOR
-    .o-link-editor-dialog{
-        .o-link-color-selector{
-            .o-link-color{
-                position: relative;
-                display: inline-block;
-                height: 30px;
-                width: 30px;
-                border-radius: 15px;
-                border: 2px solid rgba(0, 0, 0, 0.25);
-                input.link-style{
-                    display: none;
-                }
-                &:first-child{
-                    span{
-                        color: #444;
-                    }
-                    &::before{
-                        content: 'L';
-                        display: inline-block;
-                        color: @link-color;
-                        font-weight: bold;
-                        font-size: 17px;
-                        text-decoration: underline;
-                        .o-position-absolute(@top: 0px, @left: 8px);
-                    }
-                }
-                input:checked + span{
-                    height: 0px;
-                    width: 0px;
-                    &::before {
-                        content: '\f00c';
-                        font: normal normal normal 14px/1 FontAwesome;
-                        display: inline-block;
-                        .o-position-absolute(@top: 6px, @left: 5px);
-                    }
+    .o_link_dialog {
+        .o_link_dialog_color > .o_link_dialog_color_item {
+            position: relative;
+            width: 30px;
+            height: 30px;
+            border: 2px solid rgba(0, 0, 0, 0.25);
+            border-radius: 50%;
+
+            input:checked + i::before {
+                content: "\f00c";
+                .o-position-absolute(@top: 6px, @left: 5px);
+            }
+
+            &.btn-link {
+                padding: 3px 9px;
+
+                > span {
+                    text-decoration: underline;
                 }
             }
         }
-        .o-link-vr{
-            border-right: 1px solid @gray-lighter;
+        .o_link_dialog_preview {
+            border-left: 1px solid @gray-lighter;
         }
     }
-
 }
 
 // FIXME bootstrap modal : 1050