[REF] web_editor: convert summernote less to css

Summernote is using LESS and no SCSS version exists (at least
officially). As summernote is meant to be replaced in the future and
that the LESS file was already overridden directly by Odoo, this
commit converts the LESS file to CSS once and for all.

2 files changed, 448 insertions, 1 deletions

diff --git a/addons/web_editor/static/lib/summernote/src/css/summernote.css b/addons/web_editor/static/lib/summernote/src/css/summernote.css
new file mode 100644
index 00000000000..807919c0dc9
--- /dev/null
+++ b/addons/web_editor/static/lib/summernote/src/css/summernote.css
@@ -0,0 +1,447 @@
+/* Theme Variables
+ ------------------------------------------*/
+/* Frame Mode Layout
+ ------------------------------------------*/
+.note-editor {
+  border: 1px solid #a9a9a9;
+  position: relative;
+  /* overflow: hidden; ODOO: removed for embedded editor */
+  /* dropzone */
+  /* codeview mode */
+  /* fullscreen mode */
+  /* statusbar */
+}
+.note-editor .note-dropzone {
+  position: absolute;
+  display: none;
+  z-index: 100;
+  color: lightskyblue;
+  background-color: white;
+  opacity: 0.95;
+  pointer-event: none;
+}
+.note-editor .note-dropzone .note-dropzone-message {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+  font-size: 28px;
+  font-weight: bold;
+}
+.note-editor .note-dropzone.hover {
+  color: #098ddf;
+}
+.note-editor.dragover .note-dropzone {
+  display: table;
+}
+.note-editor.codeview .note-editing-area .note-editable {
+  display: none;
+}
+.note-editor.codeview .note-editing-area .note-codable {
+  display: block;
+}
+.note-editor.fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1050;
+  /* bs3 modal-backdrop: 1030, bs2: 1040 */
+}
+.note-editor.fullscreen .note-editable {
+  background-color: white;
+}
+.note-editor.fullscreen .note-resizebar {
+  display: none;
+}
+.note-editor .note-editing-area {
+  position: relative;
+  overflow: hidden;
+  /* editable */
+  /* codeable */
+}
+.note-editor .note-editing-area .note-editable {
+  background-color: #fff;
+  color: #000;
+  padding: 10px;
+  overflow: auto;
+  outline: none;
+}
+.note-editor .note-editing-area .note-editable[contenteditable=true]:empty:not(:focus):before {
+  content: attr(data-placeholder);
+}
+.note-editor .note-editing-area .note-editable[contenteditable="false"] {
+  background-color: #e5e5e5;
+}
+.note-editor .note-editing-area .note-codable {
+  display: none;
+  width: 100%;
+  padding: 10px;
+  border: none;
+  box-shadow: none;
+  font-family: Menlo, Monaco, monospace, sans-serif;
+  font-size: 14px;
+  color: #ccc;
+  background-color: #222;
+  resize: none;
+  /* override BS2 default style */
+  box-sizing: border-box;
+  border-radius: 0;
+  margin-bottom: 0;
+}
+.note-editor .note-statusbar {
+  background-color: #f5f5f5;
+}
+.note-editor .note-statusbar .note-resizebar {
+  padding-top: 1px;
+  height: 8px;
+  width: 100%;
+  cursor: ns-resize;
+}
+.note-editor .note-statusbar .note-resizebar .note-icon-bar {
+  width: 20px;
+  margin: 1px auto;
+  border-top: 1px solid #a9a9a9;
+}
+/* Air Mode Layout
+------------------------------------------*/
+.note-air-editor {
+  outline: none;
+}
+/* Popover
+------------------------------------------*/
+.note-popover .popover {
+  max-width: none;
+}
+.note-popover .popover .popover-content a {
+  display: inline-block;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  /* for FF */
+  vertical-align: middle;
+  /* for FF */
+}
+.note-popover .popover .arrow {
+  left: 20px;
+}
+/* Popover and Toolbar (Button container)
+------------------------------------------*/
+.note-popover .popover .popover-content,
+.panel-heading.note-toolbar {
+  margin: 0;
+  padding: 0 0 5px 5px;
+  /* dropdown-menu for toolbar and popover */
+  /* color palette for toolbar and popover */
+}
+.note-popover .popover .popover-content > .btn-group,
+.panel-heading.note-toolbar > .btn-group {
+  margin-top: 5px;
+  margin-left: 0;
+  margin-right: 5px;
+}
+.note-popover .popover .popover-content .btn-group .note-table,
+.panel-heading.note-toolbar .btn-group .note-table {
+  min-width: 0;
+  padding: 5px;
+}
+.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker,
+.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
+  font-size: 18px;
+}
+.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
+.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
+  position: absolute !important;
+  z-index: 3;
+  width: 10em;
+  height: 10em;
+  cursor: pointer;
+}
+.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
+.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
+  position: relative !important;
+  z-index: 1;
+  width: 5em;
+  height: 5em;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
+}
+.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
+.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
+  position: absolute !important;
+  z-index: 2;
+  width: 1em;
+  height: 1em;
+  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
+}
+.note-popover .popover .popover-content .note-style h1,
+.panel-heading.note-toolbar .note-style h1,
+.note-popover .popover .popover-content .note-style h2,
+.panel-heading.note-toolbar .note-style h2,
+.note-popover .popover .popover-content .note-style h3,
+.panel-heading.note-toolbar .note-style h3,
+.note-popover .popover .popover-content .note-style h4,
+.panel-heading.note-toolbar .note-style h4,
+.note-popover .popover .popover-content .note-style h5,
+.panel-heading.note-toolbar .note-style h5,
+.note-popover .popover .popover-content .note-style h6,
+.panel-heading.note-toolbar .note-style h6,
+.note-popover .popover .popover-content .note-style blockquote,
+.panel-heading.note-toolbar .note-style blockquote {
+  margin: 0;
+}
+.note-popover .popover .popover-content .note-color .dropdown-toggle,
+.panel-heading.note-toolbar .note-color .dropdown-toggle {
+  width: 20px;
+  padding-left: 5px;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu,
+.panel-heading.note-toolbar .note-color .dropdown-menu {
+  min-width: 340px;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group {
+  margin: 0;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
+  margin: 0 5px;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
+  font-size: 12px;
+  margin: 2px 7px;
+  text-align: center;
+  border-bottom: 1px solid #eee;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
+  font-size: 11px;
+  margin: 3px;
+  padding: 0 3px;
+  cursor: pointer;
+  border-radius: 5px;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
+  height: 20px;
+}
+.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
+.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
+  background: #eee;
+}
+.note-popover .popover .popover-content .note-para .dropdown-menu,
+.panel-heading.note-toolbar .note-para .dropdown-menu {
+  min-width: 216px;
+  padding: 5px;
+}
+.note-popover .popover .popover-content .note-para .dropdown-menu > div:first-child,
+.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
+  margin-right: 5px;
+}
+.note-popover .popover .popover-content .dropdown-menu,
+.panel-heading.note-toolbar .dropdown-menu {
+  min-width: 90px;
+  /* dropdown-menu right position */
+  /* http://forrst.com/posts/Bootstrap_right_positioned_dropdown-2KB */
+  /* dropdown-menu for selectbox */
+}
+.note-popover .popover .popover-content .dropdown-menu.right,
+.panel-heading.note-toolbar .dropdown-menu.right {
+  right: 0;
+  left: auto;
+}
+.note-popover .popover .popover-content .dropdown-menu.right::before,
+.panel-heading.note-toolbar .dropdown-menu.right::before {
+  right: 9px;
+  left: auto !important;
+}
+.note-popover .popover .popover-content .dropdown-menu.right::after,
+.panel-heading.note-toolbar .dropdown-menu.right::after {
+  right: 10px;
+  left: auto !important;
+}
+.note-popover .popover .popover-content .dropdown-menu.note-check li a i,
+.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
+  color: deepskyblue;
+  visibility: hidden;
+}
+.note-popover .popover .popover-content .dropdown-menu.note-check li a.checked i,
+.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
+  visibility: visible;
+}
+.note-popover .popover .popover-content .note-fontsize-10,
+.panel-heading.note-toolbar .note-fontsize-10 {
+  font-size: 10px;
+}
+.note-popover .popover .popover-content .note-color-palette,
+.panel-heading.note-toolbar .note-color-palette {
+  line-height: 1;
+}
+.note-popover .popover .popover-content .note-color-palette div .note-color-btn,
+.panel-heading.note-toolbar .note-color-palette div .note-color-btn {
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  margin: 0;
+  border: 1px solid #fff;
+}
+.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,
+.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
+  border: 1px solid #000;
+}
+/* Dialog
+------------------------------------------*/
+.note-dialog > div {
+  display: none;
+  /* BS2's hide pacth. */
+}
+.note-dialog .form-group {
+  /* overwrite BS's form-horizontal minus margins */
+  margin-left: 0;
+  margin-right: 0;
+}
+.note-dialog .note-modal-form {
+  margin: 0;
+  /* overwrite BS2's form margin bottom */
+}
+.note-dialog .note-image-dialog .note-dropzone {
+  min-height: 100px;
+  font-size: 30px;
+  line-height: 4;
+  /* vertical-align */
+  color: lightgray;
+  text-align: center;
+  border: 4px dashed lightgray;
+  margin-bottom: 10px;
+}
+.note-dialog .note-help-dialog {
+  font-size: 12px;
+  color: #ccc;
+  background-color: #222 !important;
+  opacity: 0.9;
+  /* BS2's background pacth. */
+  background: transparent;
+  border: none;
+}
+.note-dialog .note-help-dialog .modal-content {
+  background: transparent;
+  border: 1px solid white;
+  box-shadow: none;
+  border-radius: 5px;
+}
+.note-dialog .note-help-dialog a {
+  font-size: 12px;
+  color: white;
+}
+.note-dialog .note-help-dialog .title {
+  color: white;
+  font-size: 14px;
+  font-weight: bold;
+  padding-bottom: 5px;
+  margin-bottom: 10px;
+  border-bottom: white 1px solid;
+}
+.note-dialog .note-help-dialog .modal-close {
+  font-size: 14px;
+  color: #dd0;
+  cursor: pointer;
+}
+.note-dialog .note-help-dialog .text-center {
+  margin: 10px 0 0;
+}
+.note-dialog .note-help-dialog .note-shortcut {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.note-dialog .note-help-dialog .note-shortcut-row {
+  margin-right: -5px;
+  margin-left: -5px;
+}
+.note-dialog .note-help-dialog .note-shortcut-col {
+  padding-right: 5px;
+  padding-left: 5px;
+}
+.note-dialog .note-help-dialog .note-shortcut-title {
+  font-size: 13px;
+  font-weight: bold;
+  color: #dd0;
+}
+.note-dialog .note-help-dialog .note-shortcut-key {
+  font-family: "Courier New";
+  color: #dd0;
+  text-align: right;
+}
+/* Handle
+------------------------------------------*/
+.note-handle {
+  /* control selection */
+}
+.note-handle .note-control-selection {
+  position: absolute;
+  display: none;
+  border: 1px solid black;
+}
+.note-handle .note-control-selection > div {
+  position: absolute;
+}
+.note-handle .note-control-selection .note-control-selection-bg {
+  width: 100%;
+  height: 100%;
+  background-color: black;
+  opacity: 0.3;
+}
+.note-handle .note-control-selection .note-control-handle {
+  width: 7px;
+  height: 7px;
+  border: 1px solid black;
+}
+.note-handle .note-control-selection .note-control-holder {
+  width: 7px;
+  height: 7px;
+  border: 1px solid black;
+}
+.note-handle .note-control-selection .note-control-sizing {
+  width: 7px;
+  height: 7px;
+  border: 1px solid black;
+  background-color: white;
+}
+.note-handle .note-control-selection .note-control-nw {
+  top: -5px;
+  left: -5px;
+  border-right: none;
+  border-bottom: none;
+}
+.note-handle .note-control-selection .note-control-ne {
+  top: -5px;
+  right: -5px;
+  border-bottom: none;
+  border-left: none;
+}
+.note-handle .note-control-selection .note-control-sw {
+  bottom: -5px;
+  left: -5px;
+  border-top: none;
+  border-right: none;
+}
+.note-handle .note-control-selection .note-control-se {
+  right: -5px;
+  bottom: -5px;
+  cursor: se-resize;
+}
+.note-handle .note-control-selection .note-control-se.note-control-holder {
+  cursor: default;
+  border-top: none;
+  border-left: none;
+}
+.note-handle .note-control-selection .note-control-selection-info {
+  right: 0;
+  bottom: 0;
+  padding: 5px;
+  margin: 5px;
+  color: white;
+  background-color: black;
+  font-size: 12px;
+  border-radius: 5px;
+  opacity: 0.7;
+}
diff --git a/addons/web_editor/views/editor.xml b/addons/web_editor/views/editor.xml
index 651e3fa0e97..b47af0a8361 100644
--- a/addons/web_editor/views/editor.xml
+++ b/addons/web_editor/views/editor.xml
@@ -49,7 +49,7 @@
         delete odoo.__define__;
         delete odoo.website_next_define;
     </script>
-    <link rel="stylesheet" type="text/less" href="/web_editor/static/lib/summernote/src/less/summernote.less"/>
+    <link rel="stylesheet" type="text/css" href="/web_editor/static/lib/summernote/src/css/summernote.css"/>
 </template>
 
 <template id="_assets_helpers" inherit_id="web._assets_helpers">