diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss index 5d588682c..771b7eed7 100644 --- a/app/assets/stylesheets/dashboard.scss +++ b/app/assets/stylesheets/dashboard.scss @@ -424,11 +424,17 @@ .dashboard-mail-preview { + max-width: rem-calc(600); + .mail-header { background: $pdf-primary; color: #fff; padding: $line-height; + h1 { + font-size: rem-calc(60); + } + h2 { margin-top: $line-height; } @@ -437,6 +443,7 @@ .margin-bottom { img { box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1); + width: 100% } } @@ -446,6 +453,9 @@ .button { background: #064c86; + box-shadow: -4px 18px 45px -19px rgba(0,0,0,0.75); + margin-bottom: $line-height; + margin-top: $line-height; } img { @@ -480,11 +490,10 @@ } .overflow-image{ - border: 2px solid red; - overflow: hidden; background-position: center; - background-size: contain; + background-size: cover; background-repeat: no-repeat; + overflow: hidden; position: relative; } } @@ -498,37 +507,6 @@ text-align: left; } - .quote { - font-family: Georgia, serif; - font-size: 14px; - - blockquote { - border: 0; - } - - .curly-quotes:before, - .curly-quotes:after { - color: $pdf-primary; - display: inline-block; - vertical-align: top; - height: rem-calc(18); - line-height: rem-calc(70); - font-size: rem-calc(60); - } - - .curly-quotes:before { - content: '\201C'; - margin-right: 4px; - margin-left: -8px; - } - - .curly-quotes:after { - content: '\201D'; - margin-left: 4px; - margin-right: -8px; - } - } - h3 { color: $pdf-primary; display: inline; @@ -539,10 +517,10 @@ } .poster-footer { - color: $text-medium; border-left: 2px solid $border; - padding-left: rem-calc(40); + color: $text-medium; margin: 0 auto; + padding-left: rem-calc(40); } } } @@ -554,15 +532,15 @@ } .poster-header { - padding: $line-height * 2 $line-height $line-height * 2; height: rem-calc(600); + padding: $line-height * 2 $line-height $line-height * 2; h1 { font-size: rem-calc(60); line-height: rem-calc(80); img { - max-width: rem-calc(50) + max-width: rem-calc(50); } } @@ -648,8 +626,8 @@ line-height: rem-calc(250); font-weight: bold; - img{ - max-width: rem-calc(150) + img { + max-width: rem-calc(150); } } @@ -665,7 +643,7 @@ text-align: justify; } - &.proposal_code { + &.proposal-code { font-size: 1.7cm; } } @@ -683,7 +661,7 @@ width: rem-calc(420); } - .overflow-image{ + .overflow-image { height: 37cm; } @@ -695,10 +673,10 @@ .poster-content { .quote { - .curly-quotes:before, - .curly-quotes:after { + .curly-quotes::before, + .curly-quotes::after { font-size: rem-calc(200); - height: rem-calc(18); + height: rem-calc(18); line-height: rem-calc(150); } } @@ -715,9 +693,9 @@ line-height: 5cm; } - img{ - width:5cm; - height:5cm; + img { + width: 5cm; + height: 5cm; } } diff --git a/app/views/dashboard/mailer/forward.html.erb b/app/views/dashboard/mailer/forward.html.erb index 3788c94aa..685332e40 100644 --- a/app/views/dashboard/mailer/forward.html.erb +++ b/app/views/dashboard/mailer/forward.html.erb @@ -4,18 +4,18 @@ -
-

<%= @proposal.title %>

-

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

+
+

"<%= @proposal.title %>"

+

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

<% if @proposal.image.present? %> - <%= image_tag @proposal.image.attachment.url(:large), style: "max-width: 100%;" %> + <%= image_tag @proposal.image.attachment.url(:large), style: "width: 100%; box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);" %> <% else %> - <%= image_tag "default_mailing.jpg", style: "max-width: 100%;" %> + <%= image_tag "default_mailing.jpg", style: "width: 100%; box-shadow: -16px 61px 49px -19px rgba(0,0,0,0.1);" %> <% end %>

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

@@ -27,10 +27,11 @@ <%= link_to proposal_url(@proposal), - style: "font-family: 'Open Sans',arial,sans-serif; background: #3700fd; + style: "font-family: 'Open Sans',arial,sans-serif; background: #064c86; border-radius: 6px; color: #fff !important; font-weight: bold; padding: 17px 20px; text-align: center; text-decoration: none; - font-size: 20px; min-width: 200px; display: inline-block;", + font-size: 20px; min-width: 200px; display: inline-block; + box-shadow: -4px 18px 45px -19px rgba(0,0,0,0.75);", target: "_blank" do %> <%= t("dashboard.mailer.forward.support_button") %> <% end %> @@ -58,4 +59,5 @@ + <%= image_tag("decide_madrid.png", style: "max-width: 120px; display: block; margin: 0 auto; margin-top: 30px") %> diff --git a/app/views/dashboard/mailing/index.html.erb b/app/views/dashboard/mailing/index.html.erb index df442ed02..bd8ff737b 100644 --- a/app/views/dashboard/mailing/index.html.erb +++ b/app/views/dashboard/mailing/index.html.erb @@ -2,8 +2,8 @@
-

<%= proposal.title %>

-

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

+

"<%= proposal.title %>"

+

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

diff --git a/app/views/dashboard/poster/index.html.erb b/app/views/dashboard/poster/index.html.erb index bc34812e6..2dd9f699e 100644 --- a/app/views/dashboard/poster/index.html.erb +++ b/app/views/dashboard/poster/index.html.erb @@ -22,11 +22,7 @@

<%= t("dashboard.poster.index.support") %>

-
-
-

<%= proposal.title %>

-
-
+

"<%= proposal.title %>"

diff --git a/app/views/dashboard/poster/index.pdf.erb b/app/views/dashboard/poster/index.pdf.erb index 04f52b884..041f397cb 100644 --- a/app/views/dashboard/poster/index.pdf.erb +++ b/app/views/dashboard/poster/index.pdf.erb @@ -17,24 +17,20 @@

<%= t("dashboard.poster.index.intro_text").html_safe %>

-

+

<%= t("dashboard.poster.index.proposal_code", code: proposal.code) %>

<% if proposal.image.present? %> -
');">
- <%#= wicked_pdf_image_tag proposal.image.attachment.url(:large) %> +
<% else %>
');">
- <%#= wicked_pdf_image_tag "default_mailing.jpg" %> <% end %>

<%= t("dashboard.poster.index.support") %>

-
-

<%= proposal.title %>

-
+

"<%= proposal.title %>"

diff --git a/config/locales/en/general.yml b/config/locales/en/general.yml index b54a1cb93..e03133062 100644 --- a/config/locales/en/general.yml +++ b/config/locales/en/general.yml @@ -588,7 +588,7 @@ en: sent: The email has been sent mailer: forward: - subtitle: If you support me, we will achieve it. + subtitle: If you support me,
we will achieve it. support_button: Support this proposal share_in: Share in hi: "Hello!" diff --git a/config/locales/es/general.yml b/config/locales/es/general.yml index 8556c9284..53b7ab1c1 100644 --- a/config/locales/es/general.yml +++ b/config/locales/es/general.yml @@ -588,7 +588,7 @@ es: sent: El e-mail ha sido enviado mailer: forward: - subtitle: Si me apoyas, lo conseguiremos. + subtitle: Si me apoyas,
lo conseguiremos. support_button: Apoyar esta propuesta share_in: Compartir en hi: "¡Hola!"