From bc107370189fb8b50608fc03f22dc2646a9ec009 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Thu, 5 Dec 2019 15:32:19 +0300
Subject: [PATCH] [component] debug of checkbox

---
 apps/common/main/resources/less/checkbox.less            | 4 ++--
 apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/common/main/resources/less/checkbox.less b/apps/common/main/resources/less/checkbox.less
index 395c85eaf..1d91f83d2 100644
--- a/apps/common/main/resources/less/checkbox.less
+++ b/apps/common/main/resources/less/checkbox.less
@@ -40,8 +40,8 @@
                     position: absolute;
                     border: 1px solid @gray-deep;
                     background: @gray-soft;
-                    width: 10px;
-                    height: 10px;
+                    width: 8px;
+                    height: 8px;
                     left: 3px;
                     top: 2px;
                 }
diff --git a/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js b/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
index 2364b6e71..23bae9a5f 100644
--- a/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
+++ b/apps/spreadsheeteditor/main/app/view/AutoFilterDialog.js
@@ -759,12 +759,13 @@ define([
                         '<div>',
                             '<label class="checkbox-indeterminate" style="position:absolute;">',
                                 '<% if (check=="indeterminate") { %>',
-                                    '<input type="button" class="indeterminate img-commonctrl"/>',
+                                    '<input type="button" class="indeterminate button__checkbox">',
                                 '<% } else if (check) { %>',
-                                    '<input type="button" class="checked img-commonctrl"/>',
+                                    '<input type="button" class="checked button__checkbox">',
                                 '<% } else { %>',
-                                    '<input type="button" class="img-commonctrl"/>',
+                                    '<input type="button" class="button__checkbox">',
                                 '<% } %>',
+                                '<span class="checkmark"/>',
                             '</label>',
                             '<div id="<%= id %>" class="list-item" style="pointer-events:none; margin-left: 20px;display: flex;">',
                                 '<div style="flex-grow: 1;"><%= Common.Utils.String.htmlEncode(value) %></div>',
@@ -1015,7 +1016,7 @@ define([
                     }
                 }
 
-                if (type === 'button' || isLabel) {
+                if (type === 'button' || isLabel || event.target.className.match('checkmark')) {
                     this.updateCellCheck(listView, record);
 
                     _.delay(function () {