From 0232ab96d4fee694747aaf32c244b19369f3d677 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hnategh@gmail.com>
Date: Thu, 29 Aug 2019 15:54:19 +0200
Subject: [PATCH] Replace some of compose toolbar actions icons with their svg
 versions

---
 mail/templates/mobile/app.css                 |  4 ++++
 mail/templates/pixelegg/app.css               |  4 ++++
 mail/templates/pixelegg/app.less              |  5 +++-
 .../templates/pixelegg/images/filemanager.svg | 19 +++++++++++++++
 mail/templates/pixelegg/images/mail_send.svg  |  9 ++++---
 mail/templates/pixelegg/images/prio_high.svg  | 17 +++++++++++++
 mail/templates/pixelegg/images/prio_low.svg   | 14 +++++++++++
 pixelegg/images/filesave.svg                  | 24 +++++++++++++++++++
 pixelegg/images/prio_high.svg                 | 17 +++++++++++++
 pixelegg/images/prio_low.svg                  | 14 +++++++++++
 pixelegg/images/priority.svg                  | 15 ++++++++++++
 11 files changed, 138 insertions(+), 4 deletions(-)
 create mode 100644 mail/templates/pixelegg/images/filemanager.svg
 create mode 100644 mail/templates/pixelegg/images/prio_high.svg
 create mode 100644 mail/templates/pixelegg/images/prio_low.svg
 create mode 100644 pixelegg/images/filesave.svg
 create mode 100644 pixelegg/images/prio_high.svg
 create mode 100644 pixelegg/images/prio_low.svg
 create mode 100644 pixelegg/images/priority.svg

diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index a8ce0c6170..4b1e74f6cd 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -2043,6 +2043,10 @@ div.mailComposeHeaderSection > table {
   color: #5B5B5B;
   background-color: white;
 }
+#composeToolbar-send {
+  background-color: #fafafa;
+  width: 40px;
+}
 /* width */
 table#mail-index_previewAttachmentArea::-webkit-scrollbar {
   width: 5px;
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 04bb4f5f9e..e37b977f74 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -2031,6 +2031,10 @@ div.mailComposeHeaderSection > table {
   color: #5B5B5B;
   background-color: white;
 }
+#composeToolbar-send {
+  background-color: #fafafa;
+  width: 40px;
+}
 /* width */
 table#mail-index_previewAttachmentArea::-webkit-scrollbar {
   width: 5px;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index 3b9ea9085b..e68c4e76c6 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -1187,7 +1187,10 @@ div.mailComposeHeaderSection > table {
 	color: #5B5B5B;
 	background-color: white;
 }
-
+#composeToolbar-send {
+	background-color: #fafafa;
+	width: 40px;
+}
 /* width */
 table#mail-index_previewAttachmentArea::-webkit-scrollbar {
   width: 5px;
diff --git a/mail/templates/pixelegg/images/filemanager.svg b/mail/templates/pixelegg/images/filemanager.svg
new file mode 100644
index 0000000000..c4e1251a72
--- /dev/null
+++ b/mail/templates/pixelegg/images/filemanager.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="filemanager_navbar" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path fill="#696969" d="M11.469,1.107l0.07,0.619l0.112,0.994l0.994-0.113l12.088-1.371l-0.177,2.089l-21.3,2.417L2.319,2.145
+			L11.469,1.107 M12.35,0L1.061,1.281l1.447,5.553l22.977-2.607l0.349-4.122l-13.3,1.509L12.35,0L12.35,0z"/>
+	</g>
+	<g>
+		<path fill="#696969" d="M27.316,5.842L26.854,18.58l-9.268,1.053l-3.928,0.445l-9.246,1.049L1.425,8.78L27.316,5.842
+			 M28.357,4.718L0.187,7.914l3.461,14.307l10.123-1.15l3.927-0.445l10.123-1.148L28.357,4.718L28.357,4.718z"/>
+	</g>
+</g>
+<path fill="#696969" d="M20.539,18.726c-5.21,0.19-8.343-2.188-10.989-4.831c0,6.284,5.457,11.23,10.989,11.288v3.165l7.809-6.406
+	l-7.809-6.407V18.726z"/>
+</svg>
diff --git a/mail/templates/pixelegg/images/mail_send.svg b/mail/templates/pixelegg/images/mail_send.svg
index ccd854004c..dee607611b 100644
--- a/mail/templates/pixelegg/images/mail_send.svg
+++ b/mail/templates/pixelegg/images/mail_send.svg
@@ -5,9 +5,12 @@
 	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
 <g>
 	<g>
-		<path fill="#696969" d="M30.51,15.694L18.196,3.229c-1.235-1.252-3.241-1.252-4.478,0L1.404,15.694
-			c-1.236,1.253-1.236,3.283,0,4.536h7.428v6.428c0,1.77,1.418,3.204,3.167,3.204h7.915c1.751,0,3.168-1.435,3.168-3.204V20.23
-			h7.428C31.748,18.978,31.748,16.947,30.51,15.694z"/>
+		<path fill="#62686A" d="M25.579,31.572l5.746-5.678c0.578-0.569,0.578-1.494,0-2.064l-5.746-5.677c-0.578-0.57-1.514-0.57-2.091,0
+			v3.425h-3.965c-0.815,0-1.476,0.653-1.476,1.459v3.649c0,0.808,0.661,1.461,1.476,1.461h3.965v3.425
+			C24.064,32.143,25.001,32.143,25.579,31.572z"/>
 	</g>
 </g>
+<path fill="none" stroke="#62686A" stroke-miterlimit="10" d="M25.624,1.044L2.253,6.158C1.093,6.41,0.358,7.557,0.612,8.717
+	l0.478,2.183l15.188,4.07L28.381,4.929l-0.545-2.494C27.618,1.447,26.631,0.824,25.624,1.044z M1.77,14.008l2.355,10.764
+	c0.215,0.989,1.207,1.609,2.212,1.39l23.649-5.174c1.008-0.221,1.646-1.197,1.429-2.187L29.06,8.036L17.026,18.39L1.77,14.008z"/>
 </svg>
diff --git a/mail/templates/pixelegg/images/prio_high.svg b/mail/templates/pixelegg/images/prio_high.svg
new file mode 100644
index 0000000000..1aa452b274
--- /dev/null
+++ b/mail/templates/pixelegg/images/prio_high.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill="#62686A" d="M31.267,14.558l-3.282-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
+	L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.801-0.001,2.486l3.283,3.283l7.117,7.116l3.282,3.282
+	c0.687,0.688,1.802,0.686,2.487,0l6.934-6.935l0.218-0.218l6.934-6.933C31.953,16.361,31.954,15.245,31.267,14.558z M22.47,22.332
+	l-2.586,2.587l-0.001-0.002l-0.618,0.618l-3.109,3.108l-3.73-3.73l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208l3.109-3.108
+	l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.73,3.731l0.622,0.622
+	l3.73,3.731l-3.108,3.107l-0.618,0.617l0.002,0.002l-2.585,2.585L22.47,22.332z"/>
+<g>
+	<path fill="#62686A" d="M16.27,23.684c-1.165,0-1.97-0.872-1.97-2.035c0-1.211,0.829-2.039,2.015-2.039
+		c1.188,0,1.972,0.828,1.993,2.039c0,1.163-0.782,2.035-1.993,2.035H16.27z M15.038,18.49L14.546,8.344h3.538L17.592,18.49H15.038z"
+		/>
+</g>
+</svg>
diff --git a/mail/templates/pixelegg/images/prio_low.svg b/mail/templates/pixelegg/images/prio_low.svg
new file mode 100644
index 0000000000..d5404be416
--- /dev/null
+++ b/mail/templates/pixelegg/images/prio_low.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
+	L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
+	c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
+	l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
+	l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
+	l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
+<polygon fill="#62686A" points="17.902,18.144 17.902,8.325 15.097,8.325 15.097,18.144 11.021,18.144 16.499,23.684 21.875,18.144 
+	"/>
+</svg>
diff --git a/pixelegg/images/filesave.svg b/pixelegg/images/filesave.svg
new file mode 100644
index 0000000000..876c248ad0
--- /dev/null
+++ b/pixelegg/images/filesave.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="pixelegg_save_zip" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="28.348px" height="28.348px" viewBox="0 0 28.348 28.348" enable-background="new 0 0 28.348 28.348"
+	 xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="0.042" y="0.046" width="28.263" height="28.255"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_1_"  overflow="visible"/>
+			</clipPath>
+			<path clip-path="url(#SVGID_2_)" fill="#ECECED" d="M15.108,17.001"/>
+		</g>
+	</g>
+</g>
+<rect x="0.042" y="0.046" fill="none" width="28.263" height="28.255"/>
+<rect x="0.042" y="0.046" fill="none" width="28.263" height="28.255"/>
+<path fill="#62686A" d="M16.581,13.866C8.77,14.153,4.069,10.585,0.099,6.619c0,9.426,8.185,16.848,16.482,16.932V28.3l11.716-9.61
+	L16.581,9.078V13.866z"/>
+</svg>
diff --git a/pixelegg/images/prio_high.svg b/pixelegg/images/prio_high.svg
new file mode 100644
index 0000000000..1aa452b274
--- /dev/null
+++ b/pixelegg/images/prio_high.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill="#62686A" d="M31.267,14.558l-3.282-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
+	L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.801-0.001,2.486l3.283,3.283l7.117,7.116l3.282,3.282
+	c0.687,0.688,1.802,0.686,2.487,0l6.934-6.935l0.218-0.218l6.934-6.933C31.953,16.361,31.954,15.245,31.267,14.558z M22.47,22.332
+	l-2.586,2.587l-0.001-0.002l-0.618,0.618l-3.109,3.108l-3.73-3.73l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208l3.109-3.108
+	l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.73,3.731l0.622,0.622
+	l3.73,3.731l-3.108,3.107l-0.618,0.617l0.002,0.002l-2.585,2.585L22.47,22.332z"/>
+<g>
+	<path fill="#62686A" d="M16.27,23.684c-1.165,0-1.97-0.872-1.97-2.035c0-1.211,0.829-2.039,2.015-2.039
+		c1.188,0,1.972,0.828,1.993,2.039c0,1.163-0.782,2.035-1.993,2.035H16.27z M15.038,18.49L14.546,8.344h3.538L17.592,18.49H15.038z"
+		/>
+</g>
+</svg>
diff --git a/pixelegg/images/prio_low.svg b/pixelegg/images/prio_low.svg
new file mode 100644
index 0000000000..d5404be416
--- /dev/null
+++ b/pixelegg/images/prio_low.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
+	L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
+	c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
+	l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
+	l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
+	l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
+<polygon fill="#62686A" points="17.902,18.144 17.902,8.325 15.097,8.325 15.097,18.144 11.021,18.144 16.499,23.684 21.875,18.144 
+	"/>
+</svg>
diff --git a/pixelegg/images/priority.svg b/pixelegg/images/priority.svg
new file mode 100644
index 0000000000..04f4f6d481
--- /dev/null
+++ b/pixelegg/images/priority.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path fill="#62686A" d="M31.268,14.558l-3.283-3.281L20.868,4.16l-3.282-3.283c-0.686-0.685-1.802-0.685-2.488,0.001L8.165,7.812
+	L7.947,8.03l-6.934,6.934c-0.686,0.685-0.686,1.802-0.001,2.486l3.283,3.282l7.117,7.117l3.282,3.281
+	c0.687,0.688,1.802,0.686,2.488,0l6.934-6.936l0.218-0.217l6.935-6.934C31.953,16.361,31.954,15.245,31.268,14.558z M22.471,22.332
+	l-2.587,2.587l-0.001-0.002l-0.617,0.618l-3.11,3.107l-3.73-3.729l-0.623-0.622l-3.73-3.73l-0.625-0.625L3.72,16.208L6.829,13.1
+	l0.618-0.618l2.586-2.586l0.217-0.217l2.585-2.586l0.618-0.618l3.109-3.109l3.728,3.729l0.625,0.624l3.729,3.731l0.623,0.622
+	l3.729,3.73l-3.108,3.107l-0.617,0.617l0.002,0.002l-2.586,2.585L22.471,22.332z"/>
+<circle fill="#62686A" cx="22.182" cy="15.604" r="2.208"/>
+<circle fill="#62686A" cx="16.432" cy="15.604" r="2.208"/>
+<circle fill="#62686A" cx="10.724" cy="15.604" r="2.208"/>
+</svg>