From c32317e85b3779efbbaff56a591c682d1dccc91e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A0n=20Todorovich?= Date: Mon, 24 Jan 2022 12:23:50 -0300 Subject: [PATCH 1/2] [FIX] web_widget_ckeditor: toolbar wrapping The toolbar should automatically wrap when there's not enough space. Closes #2114 --- web_widget_ckeditor/static/src/js/field_ckeditor.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/web_widget_ckeditor/static/src/js/field_ckeditor.js b/web_widget_ckeditor/static/src/js/field_ckeditor.js index 55002e252..cd59263fd 100644 --- a/web_widget_ckeditor/static/src/js/field_ckeditor.js +++ b/web_widget_ckeditor/static/src/js/field_ckeditor.js @@ -195,7 +195,10 @@ odoo.define("web_widget_ckeditor.field_ckeditor", function (require) { */ _getCKEditorConfig: async function () { const res = { - toolbar: {items: await this._getCKEditorToolbarItems()}, + toolbar: { + items: await this._getCKEditorToolbarItems(), + shouldNotGroupWhenFull: true, + }, language: CKEditorLanguageCode, image: { toolbar: [ From 6f9393111186c7f83eda295ccc1bed09f8d1b514 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A0n=20Todorovich?= Date: Mon, 24 Jan 2022 12:52:43 -0300 Subject: [PATCH 2/2] [IMP] web_widget_ckeditor: reduce icon size By slightly reducing the toolbar icon size, it really looks as a part of Odoo. --- .../static/src/scss/web_widget_ckeditor.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/web_widget_ckeditor/static/src/scss/web_widget_ckeditor.scss b/web_widget_ckeditor/static/src/scss/web_widget_ckeditor.scss index 77aa12d13..6e2c13f1e 100644 --- a/web_widget_ckeditor/static/src/scss/web_widget_ckeditor.scss +++ b/web_widget_ckeditor/static/src/scss/web_widget_ckeditor.scss @@ -9,5 +9,15 @@ .ck-editor__editable { min-height: 330px; } + + .ck-toolbar { + .ck-button { + font-size: 0.9rem; + + .ck-icon { + will-change: auto; + } + } + } } }