consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed some style preview email and email

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/stylesheets/dashboard.scss
View File

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

14
app/views/dashboard/mailer/forward.html.erb
View File

@@ -4,8 +4,8 @@
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;"> <table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;">
<tbody> <tbody>
<tr> <tr>
<td style="background: #0300ff; padding: 20px; text-align: left;"> <td style="background: #0300ff; padding: 50px; padding-top: 0; text-align: left;">
<h1 style="color: #fff; font-size: 60px; line-height: 60px">"<%= @proposal.title %>"</h1> <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> <h2 style="color: #fff; font-size: 40px; line-height: 60px""><%= t("dashboard.mailer.forward.subtitle").html_safe %></h2>
</td> </td>
</tr> </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);" %> <%= image_tag "default_mailing.jpg", style: "width: 100%; box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);" %>
<% end %> <% end %>
<p><%= 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.hi")%></p>
<p><%= 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.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.support") %></p>
<table style="width: 100%;"> <table style="width: 100%;">
<tbody> <tbody>
@@ -40,13 +40,13 @@
</tbody> </tbody>
</table> </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;"> <table style="width: 100%; margin-top: 24px;">
<tbody> <tbody>
<tr> <tr>
<td style="text-align: center;"> <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> </td>
</tr> </tr>
<tr> <tr>

4
app/views/dashboard/mailing/index.html.erb
View File

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