From 32a76a6c9250e40d2c9f5f806434b3e43129445c Mon Sep 17 00:00:00 2001
From: OVSharova <olga.sharova@onlyoffice.com>
Date: Tue, 3 Aug 2021 03:00:29 +0300
Subject: [PATCH] create svg sprite var1

---
 .../main/resources/img/controls/warnings.svg  | 26 +++++++++++++++++++
 .../main/resources/less/opendialog.less       |  3 ++-
 apps/common/main/resources/less/window.less   | 15 ++++++-----
 3 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 apps/common/main/resources/img/controls/warnings.svg

diff --git a/apps/common/main/resources/img/controls/warnings.svg b/apps/common/main/resources/img/controls/warnings.svg
new file mode 100644
index 000000000..8f451e71e
--- /dev/null
+++ b/apps/common/main/resources/img/controls/warnings.svg
@@ -0,0 +1,26 @@
+<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <style>
+        svg>g {display: none}
+        :target {display: inline}
+    </style>
+    <g id="attention" >
+        <path d="M3.25245 31.1904L18.366 4.94276C19.0898 3.68575 20.9102 3.68575 21.634 4.94275L36.7475 31.1904C37.4678 32.4412 36.5612 34 35.1136 34H4.88642C3.43881 34 2.53225 32.4412 3.25245 31.1904Z" fill="#FFD112"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M21 25H19L18 18V12H22V18L21 25ZM22 31H18V27H22V31Z" fill="white"/>
+    </g>
+
+
+    <g id="done" >
+        <circle cx="20" cy="20" r="16" fill="#009900"/>
+        <path d="M12 20L18 26L29 15" stroke="white" stroke-width="4"/>
+    </g>
+
+    <g id="info">
+        <circle cx="20" cy="20" r="16" fill="#007DF1"/>
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M22 10H18V14H22V10ZM22 17H18V30H22V17Z" fill="white"/>
+    </g>
+
+    <g id="warning">
+        <circle cx="20" cy="20" r="16" fill="#F62211"/>
+        <rect x="10" y="17" width="20" height="6" fill="white"/>
+    </g>
+</svg>
diff --git a/apps/common/main/resources/less/opendialog.less b/apps/common/main/resources/less/opendialog.less
index 83b2afaed..242e55b04 100644
--- a/apps/common/main/resources/less/opendialog.less
+++ b/apps/common/main/resources/less/opendialog.less
@@ -83,7 +83,8 @@
         height: 40px;
 
         &.warn {
-          background: url('../../../../common/main/resources/img/controls/attention.svg') no-repeat center;
+          background: url('../../../../common/main/resources/img/controls/warnings.svg#attention') no-repeat center;
+          //background: url('../../../../common/main/resources/img/controls/attention.svg') no-repeat center;
           //background-position: @alerts-offset-x @alerts-offset-y - 105px;
         }
       }
diff --git a/apps/common/main/resources/less/window.less b/apps/common/main/resources/less/window.less
index 85c6fc89e..0b8b3d667 100644
--- a/apps/common/main/resources/less/window.less
+++ b/apps/common/main/resources/less/window.less
@@ -172,9 +172,8 @@
 
     .icon {
         &.warn {
-
-            background: url('../../../../common/main/resources/img/controls/attention.svg') no-repeat center;
-
+            background: url('../../../../common/main/resources/img/controls/warnings.svg#attention') no-repeat center;
+            //background: url('../../../../common/main/resources/img/controls/attention.svg') no-repeat center;
             //background-position: @alerts-offset-x @alerts-offset-y - 105px;
         }
 
@@ -184,18 +183,20 @@
         }
 
         &.error {
-            background: url('../../../../common/main/resources/img/controls/warning.svg') no-repeat center;
+            background: url('../../../../common/main/resources/img/controls/warnings.svg#warning') no-repeat center;
+            //background: url('../../../../common/main/resources/img/controls/warning.svg') no-repeat center;
             //background-position: @alerts-offset-x @alerts-offset-y - 0;
         }
 
         &.info {
-            background: url('../../../../common/main/resources/img/controls/info.svg') no-repeat center;
+            background: url('../../../../common/main/resources/img/controls/warnings.svg#info') no-repeat center;
+            //background: url('../../../../common/main/resources/img/controls/info.svg') no-repeat center;
             //background-position: @alerts-offset-x @alerts-offset-y - 35px;
         }
 
         &.confirm {
-            background: url('../../../../common/main/resources/img/controls/done.svg') no-repeat center;
-
+            //background: url('../../../../common/main/resources/img/controls/done.svg') no-repeat center;
+            background: url('../../../../common/main/resources/img/controls/warnings.svg#done') no-repeat center;
             //background-position: @alerts-offset-x @alerts-offset-y - 70px;
         }
     }