diff --git a/app/assets/stylesheets/admin/budget_phases/form.scss b/app/assets/stylesheets/admin/budget_phases/form.scss index 8e9be056f..66cdca492 100644 --- a/app/assets/stylesheets/admin/budget_phases/form.scss +++ b/app/assets/stylesheets/admin/budget_phases/form.scss @@ -22,4 +22,14 @@ } } } + + .images { + @include direct-uploads; + } + + .button { + &.upload-image { + margin-bottom: $line-height / 2; + } + } } diff --git a/app/assets/stylesheets/budgets/phases.scss b/app/assets/stylesheets/budgets/phases.scss index 8e562afe9..93b27f496 100644 --- a/app/assets/stylesheets/budgets/phases.scss +++ b/app/assets/stylesheets/budgets/phases.scss @@ -180,7 +180,16 @@ .budget-phase { @include breakpoint(medium) { - width: 50%; + @include grid-row-nest; + + > * { + @include grid-column; + width: 50%; + } + + .budget-phase-image { + text-align: center; + } } } } diff --git a/app/components/admin/budget_phases/form_component.html.erb b/app/components/admin/budget_phases/form_component.html.erb index 78f10c235..b0e8a3af1 100644 --- a/app/components/admin/budget_phases/form_component.html.erb +++ b/app/components/admin/budget_phases/form_component.html.erb @@ -43,6 +43,13 @@ <% end %> + <% if feature?(:allow_images) %> +
<%= t("admin.budget_phases.edit.image_description") %>
+<%= start_date(phase) %> - <%= end_date(phase) %>
- <%= auto_link_already_sanitized_html(wysiwyg(phase.description)) %> +<%= start_date(phase) %> - <%= end_date(phase) %>
+ <%= auto_link_already_sanitized_html(wysiwyg(phase.description)) %> +