From 2d3f0bdcb0b3d4e78070fc2dd678fa55bd788611 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Wed, 10 May 2023 11:32:15 +0300
Subject: [PATCH] Fix table templates styles

---
 apps/common/main/resources/less/dataview.less    | 16 ++++++++++++++++
 .../main/app/view/TableSettings.js               |  1 +
 .../main/app/view/TableSettings.js               |  1 +
 .../main/app/controller/Toolbar.js               |  1 +
 .../main/app/view/TableSettings.js               |  1 +
 5 files changed, 20 insertions(+)

diff --git a/apps/common/main/resources/less/dataview.less b/apps/common/main/resources/less/dataview.less
index a3422941bf..8349e06bc1 100644
--- a/apps/common/main/resources/less/dataview.less
+++ b/apps/common/main/resources/less/dataview.less
@@ -123,6 +123,22 @@
         border: @scaled-one-px-value solid @input-border;
         .border-radius(@border-radius-small);
     }
+
+    &.classic {
+        .group-items-container {
+            .item {
+                &:hover:not(.disabled) {
+                    .box-shadow(0 0 0 2px @border-preview-hover-ie);
+                    .box-shadow(0 0 0 @scaled-two-px-value @border-preview-hover);
+                }
+
+                &.selected:not(.disabled) {
+                    .box-shadow(0 0 0 2px @border-preview-select-ie);
+                    .box-shadow(0 0 0 @scaled-two-px-value @border-preview-select);
+                }
+            }
+        }
+    }
 }
 
 .menu-insert-shape, .menu-change-shape {
diff --git a/apps/documenteditor/main/app/view/TableSettings.js b/apps/documenteditor/main/app/view/TableSettings.js
index afcb2dc7c8..60294008e1 100644
--- a/apps/documenteditor/main/app/view/TableSettings.js
+++ b/apps/documenteditor/main/app/view/TableSettings.js
@@ -891,6 +891,7 @@ define([
                         store: new Common.UI.DataViewStore(),
                         itemTemplate: _.template('<div id="<%= id %>" class="item"><img src="<%= imageUrl %>" height="52" width="72"></div>'),
                         style: 'max-height: 350px;',
+                        cls: 'classic',
                         delayRenderTips: true
                     });
                 });
diff --git a/apps/presentationeditor/main/app/view/TableSettings.js b/apps/presentationeditor/main/app/view/TableSettings.js
index dd126e8aad..5f9a475bcd 100644
--- a/apps/presentationeditor/main/app/view/TableSettings.js
+++ b/apps/presentationeditor/main/app/view/TableSettings.js
@@ -820,6 +820,7 @@ define([
                         store: new Common.UI.DataViewStore(),
                         itemTemplate: _.template('<div id="<%= id %>" class="item"><img src="<%= imageUrl %>" height="52" width="72"></div>'),
                         style: 'max-height: 350px;',
+                        cls: 'classic',
                         delayRenderTips: true
                     });
                 });
diff --git a/apps/spreadsheeteditor/main/app/controller/Toolbar.js b/apps/spreadsheeteditor/main/app/controller/Toolbar.js
index 20dbb1650f..a102782201 100644
--- a/apps/spreadsheeteditor/main/app/controller/Toolbar.js
+++ b/apps/spreadsheeteditor/main/app/controller/Toolbar.js
@@ -2195,6 +2195,7 @@ define([
                     restoreHeight: 300,
                     groups: new Common.UI.DataViewGroupStore(),
                     style: 'max-height: 300px;',
+                    cls: 'classic',
                     store: me.getCollection('TableTemplates'),
                     itemTemplate: _.template('<div class="item-template"><img src="<%= imageUrl %>" id="<%= id %>" style="width:60px;height:44px;"></div>'),
                     delayRenderTips: true
diff --git a/apps/spreadsheeteditor/main/app/view/TableSettings.js b/apps/spreadsheeteditor/main/app/view/TableSettings.js
index 7f6a67ed02..7e0eca6891 100644
--- a/apps/spreadsheeteditor/main/app/view/TableSettings.js
+++ b/apps/spreadsheeteditor/main/app/view/TableSettings.js
@@ -540,6 +540,7 @@ define([
                         store: new Common.UI.DataViewStore(),
                         itemTemplate: _.template('<div id="<%= id %>" class="item-template"><img src="<%= imageUrl %>" height="44" width="60"></div>'),
                         style: 'max-height: 325px;',
+                        cls: 'classic',
                         delayRenderTips: true
                     });
                 });