diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss index 0844f861f..9522befd0 100644 --- a/app/assets/stylesheets/_consul_settings.scss +++ b/app/assets/stylesheets/_consul_settings.scss @@ -42,6 +42,9 @@ $proposals-dark: #794500; $budget: #7e328a; $budget-hover: #7571bf; +$budget-investment-image: #ffa42d; +$budget-investment-image-hover: #794500; + $highlight: #e7f2fc; $highlight-soft: #f3f8fd; $light: #f5f7fa; diff --git a/app/assets/stylesheets/icons.scss b/app/assets/stylesheets/icons.scss index 5e92ee460..a1420fa12 100644 --- a/app/assets/stylesheets/icons.scss +++ b/app/assets/stylesheets/icons.scss @@ -196,6 +196,9 @@ .icon-budget::before { content: '\53'; } +.icon-budget-investment-image::before { + content: '\68'; +} .icon-notification::before { content: '\6e'; diff --git a/app/assets/stylesheets/participation.scss b/app/assets/stylesheets/participation.scss index 3d90ee128..6665d8508 100644 --- a/app/assets/stylesheets/participation.scss +++ b/app/assets/stylesheets/participation.scss @@ -251,12 +251,14 @@ .spending-proposal-form, .document-form, .topic-new, -.topic-form { +.topic-form, +.budget-investment-image-form { .icon-debates, .icon-proposals, .icon-budget, - .icon-documents { + .icon-documents, + .icon-budget-investment-image { font-size: rem-calc(50); line-height: $line-height; opacity: 0.5; @@ -274,6 +276,10 @@ .icon-budget { color: $budget; } + + .icon-budget-investment-image { + color: $budget-investment-image; + } } .recommendations { @@ -309,6 +315,13 @@ } } +.budget-investment-image-form { + + .recommendations li::before { + color: $budget-investment-image; + } +} + // 03. Show participation // ---------------------- diff --git a/app/views/budgets/investments/edit_image.html.erb b/app/views/budgets/investments/edit_image.html.erb index d277e5090..a13023e1c 100644 --- a/app/views/budgets/investments/edit_image.html.erb +++ b/app/views/budgets/investments/edit_image.html.erb @@ -1,10 +1,19 @@ -
+
-
+
<%= render "shared/back_link" %>

<%= t("budgets.investments.edit_image.title") %>

<%= render "image_form" %>
+ +
+ +

<%= t("budgets.investments.edit_image.recommendation_title") %>

+
    +
  • <%= t("budgets.investments.edit_image.recommendation_one") %>
  • +
  • <%= t("budgets.investments.edit_image.recommendation_two") %>
  • +
+
diff --git a/config/locales/en/budgets.yml b/config/locales/en/budgets.yml index 0fcc3b443..45c6e93e8 100644 --- a/config/locales/en/budgets.yml +++ b/config/locales/en/budgets.yml @@ -110,11 +110,14 @@ en: milestone_publish_date: "Published %{publish_date}" edit_image: Edit image edit_image: - title: Change your investment project image + title: Change your project image note: 'You are changing investment project image of: %{title}' form: image_title: Image title submit_button: Save image + recommendation_title: Image recomendations + recommendation_one: Projects that have images attract more attention than those that do not. If you have a picture suitable for your project upload. + recommendation_two: Give a descriptive title to the image. wrong_price_format: Only integer numbers investment: add: Vote diff --git a/config/locales/es/budgets.yml b/config/locales/es/budgets.yml index 9d60d0505..5d095c983 100644 --- a/config/locales/es/budgets.yml +++ b/config/locales/es/budgets.yml @@ -110,11 +110,14 @@ es: milestone_publish_date: "Publicado el %{publish_date}" edit_image: Editar imagen edit_image: - title: Cambia la imagen de tu proyecto de inversión + title: Cambia la imagen de tu proyecto note: 'Estas cambiando la imagen del proyecto de inversión: %{title}' form: image_title: 'Título de la imagen' submit_button: Guardar imagen + recommendation_title: Recomendaciones para cambiar la imagen + recommendation_one: Los proyectos que tienen imágenes llaman más la atención que las que no la tienen. Si tienes una imagen adecuada para tu proyecto súbela. + recommendation_two: Dale un título descriptivo a la imagen. wrong_price_format: Solo puede incluir caracteres numéricos investment: add: Votar