From 4ec858f1a0d9d24e550801ed62a39248afb9f21f Mon Sep 17 00:00:00 2001 From: Alessandro Cuoghi Date: Tue, 8 Jan 2019 17:38:57 +0100 Subject: [PATCH] Email Style - Added style as per email sent - Change color - Changed alignment title - Added image decide madrid - Added Shadow to image --- app/assets/images/decide_madrid.png | Bin 0 -> 6955 bytes app/assets/stylesheets/dashboard.scss | 23 +++++++++++++++++---- app/views/dashboard/mailing/index.html.erb | 4 +++- 3 files changed, 22 insertions(+), 5 deletions(-) create mode 100644 app/assets/images/decide_madrid.png diff --git a/app/assets/images/decide_madrid.png b/app/assets/images/decide_madrid.png new file mode 100644 index 0000000000000000000000000000000000000000..7ae6b26b40de43b9c9e4ce068171e299b0f84ac3 GIT binary patch literal 6955 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 JCBiQ1e*pV6t$F|e literal 0 HcmV?d00001 diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss index c4bc401a2..efc328b40 100644 --- a/app/assets/stylesheets/dashboard.scss +++ b/app/assets/stylesheets/dashboard.scss @@ -425,17 +425,32 @@ .dashboard-mail-preview { .mail-header { - background: #3700fd; + background: #0300ff; color: #fff; padding: $line-height; - text-align: center; + + h2 { + margin-top: $line-height; + } + } + + .margin-bottom { + img { + box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1); + } } .mail-body { text-align: justify; + color: $text-medium; .button { - background: #3700fd; + background: #064c86; + } + + img { + margin-top: $line-height; + max-width: rem-calc(120); } } } @@ -644,7 +659,7 @@ } .poster-content { - + h2 { font-size: 3cm; margin: $line-height 0; diff --git a/app/views/dashboard/mailing/index.html.erb b/app/views/dashboard/mailing/index.html.erb index abca60739..df442ed02 100644 --- a/app/views/dashboard/mailing/index.html.erb +++ b/app/views/dashboard/mailing/index.html.erb @@ -1,7 +1,7 @@ <% content_for :action_title, t("dashboard.mailing.index.title") %>
-
+

<%= proposal.title %>

<%= t("dashboard.mailer.forward.subtitle") %>

@@ -32,6 +32,8 @@ title: @proposal.title, url: proposal_url(@proposal), description: @proposal.summary } %> + + <%= image_tag "decide_madrid.png" %>