From f3d97598835651569e160892bd949ecd24f10ad7 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Mon, 18 Nov 2019 14:08:17 +0300
Subject: [PATCH] Move chart styles to common

---
 apps/common/main/resources/less/toolbar.less  | 134 ++++++++++++++++
 .../main/resources/less/toolbar.less          | 134 ----------------
 .../main/resources/less/toolbar.less          | 134 ----------------
 .../main/resources/less/rightmenu.less        | 146 ------------------
 4 files changed, 134 insertions(+), 414 deletions(-)

diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 16ddef848..74da8eb05 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -584,3 +584,137 @@
     width: 20px;
     height: 20px;
 }
+
+// charts
+.menu-insertchart {
+    .group-description {
+        padding-left: 4px;
+    }
+
+    .group-items-container {
+        float: left;
+        position: relative;
+    }
+}
+
+.item-chartlist {
+    .background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
+    width: 50px;
+    height: 50px;
+}
+
+.line-normal {
+    background-position: 0 0;
+}
+
+.line-stack {
+    background-position: -50px 0;
+}
+
+.line-pstack {
+    background-position: -100px 0;
+}
+
+.line-3d {
+    background-position: -150px 0;
+}
+
+.column-normal {
+    background-position: 0 -50px;
+}
+
+.column-stack{
+    background-position: -50px -50px;
+}
+
+.column-pstack{
+    background-position: -100px -50px;
+}
+
+.column-3d-normal {
+    background-position: -150px -50px;
+}
+
+.column-3d-stack{
+    background-position: -200px -50px;
+}
+
+.column-3d-pstack{
+    background-position: -150px -100px;
+}
+
+.column-3d-normal-per{
+    background-position: -200px -100px;
+}
+
+.bar-normal {
+    background-position: 0 -100px;
+}
+
+.bar-stack{
+    background-position: -50px -100px;
+}
+
+.bar-pstack{
+    background-position: -100px -100px;
+}
+
+.bar-3d-normal {
+    background-position: -150px -150px;
+}
+
+.bar-3d-stack{
+    background-position: -200px -150px;
+}
+
+.bar-3d-pstack{
+    background-position: -150px -200px;
+}
+
+.area-normal {
+    background-position: 0 -150px;
+}
+
+.area-stack{
+    background-position: -50px -150px;
+}
+
+.area-pstack{
+    background-position: -100px -150px;
+}
+
+.pie-normal {
+    background-position: 0 -200px;
+}
+
+.pie-3d-normal {
+    background-position: -200px -200px;
+}
+
+.point-normal{
+    background-position: -50px -200px;
+}
+
+.stock-normal{
+    background-position: -100px -200px;
+}
+
+.pie-doughnut{
+    background-position: -200px 0;
+}
+
+.surface-normal{
+    background-position: 0px -300px;
+}
+
+.surface-wireframe{
+    background-position: -50px -300px;
+}
+
+.contour-normal{
+    background-position: -100px -300px;
+}
+
+.contour-wireframe{
+    background-position: -150px -300px;
+}
diff --git a/apps/documenteditor/main/resources/less/toolbar.less b/apps/documenteditor/main/resources/less/toolbar.less
index c4ab40396..29bcb93bd 100644
--- a/apps/documenteditor/main/resources/less/toolbar.less
+++ b/apps/documenteditor/main/resources/less/toolbar.less
@@ -157,140 +157,6 @@
     }
 }
 
-// charts
-.menu-insertchart {
-    .group-description {
-        padding-left: 4px;
-    }
-
-    .group-items-container {
-        float: left;
-        position: relative;
-    }
-}
-
-.item-chartlist {
-    .background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
-    width: 50px;
-    height: 50px;
-}
-
-.line-normal {
-    background-position: 0 0;
-}
-
-.line-stack {
-    background-position: -50px 0;
-}
-
-.line-pstack {
-    background-position: -100px 0;
-}
-
-.line-3d {
-    background-position: -150px 0;
-}
-
-.column-normal {
-    background-position: 0 -50px;
-}
-
-.column-stack{
-    background-position: -50px -50px;
-}
-
-.column-pstack{
-    background-position: -100px -50px;
-}
-
-.column-3d-normal {
-    background-position: -150px -50px;
-}
-
-.column-3d-stack{
-    background-position: -200px -50px;
-}
-
-.column-3d-pstack{
-    background-position: -150px -100px;
-}
-
-.column-3d-normal-per{
-    background-position: -200px -100px;
-}
-
-.bar-normal {
-    background-position: 0 -100px;
-}
-
-.bar-stack{
-    background-position: -50px -100px;
-}
-
-.bar-pstack{
-    background-position: -100px -100px;
-}
-
-.bar-3d-normal {
-    background-position: -150px -150px;
-}
-
-.bar-3d-stack{
-    background-position: -200px -150px;
-}
-
-.bar-3d-pstack{
-    background-position: -150px -200px;
-}
-
-.area-normal {
-    background-position: 0 -150px;
-}
-
-.area-stack{
-    background-position: -50px -150px;
-}
-
-.area-pstack{
-    background-position: -100px -150px;
-}
-
-.pie-normal {
-    background-position: 0 -200px;
-}
-
-.pie-3d-normal {
-    background-position: -200px -200px;
-}
-
-.point-normal{
-    background-position: -50px -200px;
-}
-
-.stock-normal{
-    background-position: -100px -200px;
-}
-
-.pie-doughnut{
-    background-position: -200px 0;
-}
-
-.surface-normal{
-    background-position: 0px -300px;
-}
-
-.surface-wireframe{
-    background-position: -50px -300px;
-}
-
-.contour-normal{
-    background-position: -100px -300px;
-}
-
-.contour-wireframe{
-    background-position: -150px -300px;
-}
-
 @toolbar-icon-size: 20px;
 .button-normal-icon(btn-align-center,     0, @toolbar-icon-size);
 .button-normal-icon(btn-align-just,       1, @toolbar-icon-size);
diff --git a/apps/presentationeditor/main/resources/less/toolbar.less b/apps/presentationeditor/main/resources/less/toolbar.less
index b75053b19..612296379 100644
--- a/apps/presentationeditor/main/resources/less/toolbar.less
+++ b/apps/presentationeditor/main/resources/less/toolbar.less
@@ -104,140 +104,6 @@
     }
 }
 
-// charts
-.menu-insertchart {
-    .group-description {
-        padding-left: 4px;
-    }
-
-    .group-items-container {
-        float: left;
-        position: relative;
-    }
-}
-
-.item-chartlist {
-    .background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
-    width: 50px;
-    height: 50px;
-}
-
-.line-normal {
-    background-position: 0 0;
-}
-
-.line-stack {
-    background-position: -50px 0;
-}
-
-.line-pstack {
-    background-position: -100px 0;
-}
-
-.line-3d {
-    background-position: -150px 0;
-}
-
-.column-normal {
-    background-position: 0 -50px;
-}
-
-.column-stack{
-    background-position: -50px -50px;
-}
-
-.column-pstack{
-    background-position: -100px -50px;
-}
-
-.column-3d-normal {
-    background-position: -150px -50px;
-}
-
-.column-3d-stack{
-    background-position: -200px -50px;
-}
-
-.column-3d-pstack{
-    background-position: -150px -100px;
-}
-
-.column-3d-normal-per{
-    background-position: -200px -100px;
-}
-
-.bar-normal {
-    background-position: 0 -100px;
-}
-
-.bar-stack{
-    background-position: -50px -100px;
-}
-
-.bar-pstack{
-    background-position: -100px -100px;
-}
-
-.bar-3d-normal {
-    background-position: -150px -150px;
-}
-
-.bar-3d-stack{
-    background-position: -200px -150px;
-}
-
-.bar-3d-pstack{
-    background-position: -150px -200px;
-}
-
-.area-normal {
-    background-position: 0 -150px;
-}
-
-.area-stack{
-    background-position: -50px -150px;
-}
-
-.area-pstack{
-    background-position: -100px -150px;
-}
-
-.pie-normal {
-    background-position: 0 -200px;
-}
-
-.pie-3d-normal {
-    background-position: -200px -200px;
-}
-
-.point-normal{
-    background-position: -50px -200px;
-}
-
-.stock-normal{
-    background-position: -100px -200px;
-}
-
-.pie-doughnut{
-    background-position: -200px 0;
-}
-
-.surface-normal{
-    background-position: 0px -300px;
-}
-
-.surface-wireframe{
-    background-position: -50px -300px;
-}
-
-.contour-normal{
-    background-position: -100px -300px;
-}
-
-.contour-wireframe{
-    background-position: -150px -300px;
-}
-
 @toolbar-icon-size: 20px;
 .button-normal-icon(btn-changeslide,      7, @toolbar-icon-size);
 .button-normal-icon(btn-preview,          8, @toolbar-icon-size);
diff --git a/apps/spreadsheeteditor/main/resources/less/rightmenu.less b/apps/spreadsheeteditor/main/resources/less/rightmenu.less
index 2d16d42e1..00b6b296e 100644
--- a/apps/spreadsheeteditor/main/resources/less/rightmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/rightmenu.less
@@ -199,158 +199,12 @@ button:active:not(.disabled) .btn-change-shape    {background-position: -56px  -
     background-position: -100px -150px;
 }
 
-// charts
 .item-wrap {
     width:50px;
     height:50px;
     background-size: cover;
 }
 
-.menu-insertchart {
-    .group-description {
-        padding-left: 4px;
-    }
-
-    .group-items-container {
-        float: left;
-        position: relative;
-    }
-}
-
-.item-chartlist {
-    .background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
-    width: 50px;
-    height: 50px;
-}
-
-.line-normal {
-    background-position: 0 0;
-}
-
-.line-stack {
-    background-position: -50px 0;
-}
-
-.line-pstack {
-    background-position: -100px 0;
-}
-
-.line-3d {
-    background-position: -150px 0;
-}
-
-.column-normal {
-    background-position: 0 -50px;
-}
-
-.column-stack{
-    background-position: -50px -50px;
-}
-
-.column-pstack{
-    background-position: -100px -50px;
-}
-
-.column-3d-normal {
-    background-position: -150px -50px;
-}
-
-.column-3d-stack{
-    background-position: -200px -50px;
-}
-
-.column-3d-pstack{
-    background-position: -150px -100px;
-}
-
-.column-3d-normal-per{
-    background-position: -200px -100px;
-}
-
-.bar-normal {
-    background-position: 0 -100px;
-}
-
-.bar-stack{
-    background-position: -50px -100px;
-}
-
-.bar-pstack{
-    background-position: -100px -100px;
-}
-
-.bar-3d-normal {
-    background-position: -150px -150px;
-}
-
-.bar-3d-stack{
-    background-position: -200px -150px;
-}
-
-.bar-3d-pstack{
-    background-position: -150px -200px;
-}
-
-.area-normal {
-    background-position: 0 -150px;
-}
-
-.area-stack{
-    background-position: -50px -150px;
-}
-
-.area-pstack{
-    background-position: -100px -150px;
-}
-
-.pie-normal {
-    background-position: 0 -200px;
-}
-
-.pie-3d-normal {
-    background-position: -200px -200px;
-}
-
-.point-normal{
-    background-position: -50px -200px;
-}
-
-.stock-normal{
-    background-position: -100px -200px;
-}
-
-.pie-doughnut{
-    background-position: -200px 0;
-}
-
-.spark-line{
-    background-position: 0px -250px;
-}
-
-.spark-column{
-    background-position: -50px -250px;
-}
-
-.spark-win{
-    background-position: -100px -250px;
-}
-
-.surface-normal{
-    background-position: 0px -300px;
-}
-
-.surface-wireframe{
-    background-position: -50px -300px;
-}
-
-.contour-normal{
-    background-position: -100px -300px;
-}
-
-.contour-wireframe{
-    background-position: -150px -300px;
-}
-
 #table-combo-template .combo-dataview {
     .combo-template(60px);
 }