From 44964c35f959366015e6853882e197604470e650 Mon Sep 17 00:00:00 2001
From: Alessandro Cuoghi <agileontheweb@gmail.com>
Date: Wed, 16 Jan 2019 15:12:27 +0100
Subject: [PATCH] Added quotes images

- Created white quote images png (before and after)
- Added images quotes to preview email and email.
- Added max width to images quotes png
---
 app/assets/images/quote-after-white.png     | Bin 0 -> 1892 bytes
 app/assets/images/quote-before-white.png    | Bin 0 -> 1897 bytes
 app/assets/stylesheets/dashboard.scss       |   5 +++++
 app/views/dashboard/mailer/forward.html.erb |   8 +++++---
 app/views/dashboard/mailing/index.html.erb  |   4 +++-
 5 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 app/assets/images/quote-after-white.png
 create mode 100644 app/assets/images/quote-before-white.png

diff --git a/app/assets/images/quote-after-white.png b/app/assets/images/quote-after-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..5889b1780d996e5b4b43d92b6655c8e1238f0c95
GIT binary patch
literal 1892
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
NS(<G1zO?*x{{mno%rF1|

literal 0
HcmV?d00001

diff --git a/app/assets/images/quote-before-white.png b/app/assets/images/quote-before-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..78e74b2775ddbf21da70270d116be2f03e248a58
GIT binary patch
literal 1897
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
S?ERVEpPxiLU$j3%wdNl@s^dlg

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss
index 3f5c92692..ce93979a7 100644
--- a/app/assets/stylesheets/dashboard.scss
+++ b/app/assets/stylesheets/dashboard.scss
@@ -431,6 +431,11 @@
     color: #fff;
     padding: $line-height * 2;
 
+    img {
+      max-width: rem-calc(40);
+      vertical-align: top;
+    }
+
     h1 {
       font-size: rem-calc(60);
     }
diff --git a/app/views/dashboard/mailer/forward.html.erb b/app/views/dashboard/mailer/forward.html.erb
index 21bfd2a69..f64019f85 100644
--- a/app/views/dashboard/mailer/forward.html.erb
+++ b/app/views/dashboard/mailer/forward.html.erb
@@ -4,9 +4,11 @@
   <table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;">
     <tbody>
       <tr>
-        <td style="background: #0300ff; padding: 50px; padding-top: 0; text-align: left;">
-          <h1 style="color: #fff; font-size: 60px; line-height: 90px">"<%= @proposal.title %>"</h1>
-          <h2 style="color: #fff; font-size: 40px; line-height: 60px""><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
+        <td style="background: #0300ff; padding: 50px; padding-top:40px; text-align: left;">
+          <%= image_tag 'quote-before-white.png', style: 'max-width: 40px; vertical-align: top;' %>
+          <h1 style="color: #fff; font-size: 60px; line-height: 90px; display: inline;"><%= @proposal.title %></h1>
+          <%= image_tag 'quote-after-white.png', style: 'max-width: 40px; vertical-align: top;' %>
+          <h2 style="color: #fff; font-size: 40px; line-height: 60px"><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
         </td>
       </tr>
     </tbody>
diff --git a/app/views/dashboard/mailing/index.html.erb b/app/views/dashboard/mailing/index.html.erb
index c2eefa7eb..6db3347d3 100644
--- a/app/views/dashboard/mailing/index.html.erb
+++ b/app/views/dashboard/mailing/index.html.erb
@@ -2,7 +2,9 @@
 <div class="row expanded">
   <div class="small-12 medium-9 dashboard-mail-preview column dashboard-mail-preview">
     <div class="mail-header text-left">
-      <h1 class="inline">"<%= proposal.title %>"</h1>
+      <%= image_tag 'quote-before-white.png' %>
+      <h1 class="inline"><%= proposal.title %></h1>
+      <%= image_tag 'quote-after-white.png' %>
       <h2><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
     </div>