Fixed some style preview email and email

- Removed class large-7
- Changed font size preview-email and email
- Changed text color in the email
- Changed some font size and padding in the email
- Added some padding in preview email
- Pass scss-lint
- Changed padding and added font size.
This commit is contained in:
Alessandro Cuoghi
2019-01-14 13:05:45 +01:00
committed by taitus
parent a6d822cc7a
commit 394a7e55ee
3 changed files with 26 additions and 17 deletions

View File

@@ -429,7 +429,7 @@
.mail-header {
background: $pdf-primary;
color: #fff;
padding: $line-height;
padding: $line-height * 2;
h1 {
font-size: rem-calc(60);
@@ -443,18 +443,19 @@
.margin-bottom {
img {
box-shadow: -16px 61px 49px -19px rgba(0, 0, 0, 0.1);
width: 100%
width: 100%;
}
}
.mail-body {
text-align: justify;
color: $text-medium;
padding: $line-height * 2;
text-align: left;
.button {
background: #064c86;
box-shadow: -4px 18px 45px -19px rgba(0, 0, 0, 0.75);
margin-bottom: $line-height;
margin-bottom: $line-height * 2;
margin-top: $line-height;
}
@@ -462,6 +463,11 @@
margin-top: $line-height;
max-width: rem-calc(120);
}
p {
font-size: rem-calc(24);
line-height: rem-calc(30);
}
}
}
@@ -473,6 +479,7 @@
.poster-header {
background: $pdf-primary;
color: #fff;
h1 {
color: #fff;
text-align: left;
@@ -533,7 +540,7 @@
.poster-header {
height: rem-calc(600);
padding: $line-height * 2 $line-height $line-height * 2;
padding: $line-height * 2 $line-height;
h1 {
font-size: rem-calc(60);

View File

@@ -4,8 +4,8 @@
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;">
<tbody>
<tr>
<td style="background: #0300ff; padding: 20px; text-align: left;">
<h1 style="color: #fff; font-size: 60px; line-height: 60px">"<%= @proposal.title %>"</h1>
<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>
</tr>
@@ -18,9 +18,9 @@
<%= image_tag "default_mailing.jpg", style: "width: 100%; box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);" %>
<% end %>
<p><%= t("dashboard.mailer.forward.hi")%></p>
<p><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
<p><%= t("dashboard.mailer.forward.support") %></p>
<p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.hi")%></p>
<p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
<p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.support") %></p>
<table style="width: 100%;">
<tbody>
@@ -40,13 +40,13 @@
</tbody>
</table>
<p><%= t("dashboard.mailer.forward.share") %></p>
<p style="padding: 0 50px; font-size:32px; text-align: left; line-height:43px; color: #515151;"><%= t("dashboard.mailer.forward.share") %></p>
<table style="width: 100%; margin-top: 24px;">
<tbody>
<tr>
<td style="text-align: center;">
<h3><%= t("dashboard.mailer.forward.share_in") %></h3>
<h3 style="font-size: 22px; line-height: 10px;"><%= t("dashboard.mailer.forward.share_in") %></h3>
</td>
</tr>
<tr>

View File

@@ -1,6 +1,6 @@
<% content_for :action_title, t("dashboard.mailing.index.title") %>
<div class="row expanded">
<div class="small-12 medium-9 large-7 column dashboard-mail-preview">
<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>
<h2><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
@@ -24,7 +24,9 @@
proposal_url(@proposal), class: "button large" %>
</div>
<p>
<%= t("dashboard.mailer.forward.share") %>
</p>
<div class="text-center">
<h3><%= t("dashboard.mailer.forward.share_in") %></h3>