From 90cfe5c36482fa2cb28b121ab1181b023c05e2be Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <julia.radzhabova@onlyoffice.com>
Date: Tue, 30 Mar 2021 19:39:12 +0300
Subject: [PATCH] [DE] Draw list preview in sdk

---
 apps/documenteditor/main/app/view/Toolbar.js       | 14 +++++++-------
 .../main/resources/less/toolbar.less               |  5 +++++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/apps/documenteditor/main/app/view/Toolbar.js b/apps/documenteditor/main/app/view/Toolbar.js
index 06544cbde..f85e5eec6 100644
--- a/apps/documenteditor/main/app/view/Toolbar.js
+++ b/apps/documenteditor/main/app/view/Toolbar.js
@@ -1757,9 +1757,9 @@ define([
                 this.btnMultilevels.setMenu(
                     new Common.UI.Menu({
                         cls: 'shifted-left',
-                        style: 'min-width: 90px',
+                        style: 'min-width: 177px',
                         items: [
-                            {template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 93px; margin: 0 9px;"></div>')},
+                            {template: _.template('<div id="id-toolbar-menu-multilevels" class="menu-markers" style="width: 177px; margin: 0 9px;"></div>')},
                             this.mnuMultilevelSettings = new Common.UI.MenuItem({
                                 caption: this.textListSettings,
                                 disabled: (this.mnuMultilevelPicker.conf.index || 0)==0,
@@ -1897,12 +1897,12 @@ define([
                     restoreHeight: 92,
                     allowScrollbar: false,
                     store: new Common.UI.DataViewStore([
-                        {offsety: 0, data: {type: 2, subtype: -1}},
-                        {offsety: 304, data: {type: 2, subtype: 1}},
-                        {offsety: 342, data: {type: 2, subtype: 2}},
-                        {offsety: 380, data: {type: 2, subtype: 3}}
+                        {id: 'id-multilevels-' + Common.UI.getId(), data: {type: 2, subtype: -1}},
+                        {id: 'id-multilevels-' + Common.UI.getId(), data: {type: 2, subtype: 1}},
+                        {id: 'id-multilevels-' + Common.UI.getId(), data: {type: 2, subtype: 2}},
+                        {id: 'id-multilevels-' + Common.UI.getId(), data: {type: 2, subtype: 3}}
                     ]),
-                    itemTemplate: _.template('<div id="<%= id %>" class="item-markerlist" style="background-position: 0 -<%= offsety %>px;"></div>')
+                    itemTemplate: _.template('<div id="<%= id %>" class="item-multilevellist" style=""></div>')
                 });
                 _conf && this.mnuMultilevelPicker.selectByIndex(_conf.index, true);
 
diff --git a/apps/documenteditor/main/resources/less/toolbar.less b/apps/documenteditor/main/resources/less/toolbar.less
index 2e9523dc0..11509b942 100644
--- a/apps/documenteditor/main/resources/less/toolbar.less
+++ b/apps/documenteditor/main/resources/less/toolbar.less
@@ -38,6 +38,11 @@
     height: 38px;
 }
 
+.item-multilevellist {
+    width: 80px;
+    height: 80px;
+}
+
 .dropdown-menu.toc-menu {
     @contents-menu-item-height: 72px;
     --bckgHOffset: ~"0px";