[REF] website,web_editor: complete restyling

1 files changed, 88 insertions, 0 deletions

diff --git a/addons/web_editor/static/src/less/web_editor.backend.less b/addons/web_editor/static/src/less/web_editor.backend.less
new file mode 100644
index 00000000000..e9043dc138e
--- /dev/null
+++ b/addons/web_editor/static/src/less/web_editor.backend.less
@@ -0,0 +1,88 @@
+.oe_form_field_html_text {
+  .note-editable {
+    min-height: 180px;
+    font: initial !important;
+    font-family: inherit !important;
+    line-height: initial !important;
+    color: initial !important;
+    p {
+      margin: initial;
+    }
+    a, a:hover {
+      color: initial;
+    }
+}
+.oe_form_field_html_text .o_readonly {
+    min-height: 1em;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+.oe_form_field_html_text .note-editable p {
+    font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
+    -webkit-margin-before: 0;
+    font-size: 13px;
+}
+
+.oe_form_field_html iframe {
+  display: block;
+  width: 100%;
+  border: 0;
+  padding: 0;
+  margin: 0;
+  min-height: 300px;
+  min-height: -webkit-calc(100vh - 170px);
+  min-height: calc(100vh - 170px);
+}
+.o_form_FieldTextHtml_fullscreen{
+  .oe_form_field_html.o_form_fullscreen_ancestor iframe {
+    position: absolute !important;
+    left: 0 !important;
+    right: 0 !important;
+    top: 0 !important;
+    bottom: 0 !important;
+    width: 100% !important;
+    min-height: 100% !important;
+    z-index: 1001 !important;
+    border: 0;
+  }
+  * {
+    display: none;
+  }
+  .o_form_fullscreen_ancestor {
+    display: block !important;
+    position: static !important;
+    top: 0 !important;
+    left: 0 !important;
+    overflow: visible !important;
+    width: auto !important;
+    overflow: hidden !important;
+  }
+}
+
+.openerp .oe_form .oe_form_field_html_translate textarea {
+  min-width: 60px;
+  width: 100%;
+  color: #4c4c4c;
+  font: normal 13px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
+}
+.openerp .oe_form_readonly .oe_form .oe_form_field_html_translate textarea {
+  border:0;
+  background: #fff;
+}
+.openerp .oe_form_editable .oe_form .oe_form_field_html_translate {
+  > button {
+    float: right;
+    margin: -6px -3px 0 0;
+  }
+  > .note-editable {
+    border: 1px solid #ccc;
+    min-height: 22px;
+    border-radius: 3px;
+  }
+}
+
+.openerp .oe_form_editable .oe_form .oe_form_field_html_translate .note-editable [contentEditable='true']:hover {
+  .box-shadow(#DDCC33 0 0 5px 2px inset);
+}