Browse Source

implement dirty fiddle to get the checkboxes smaller and also not misaligned

pull/1657/head
Arthur Campbell 3 years ago
parent
commit
c3d527e3bb
  1. 5
      app/frontend/styles/_delete-logs-table.scss
  2. 1
      app/frontend/styles/application.scss
  3. 2
      app/views/logs/_delete_logs_table_lettings.html.erb
  4. 2
      app/views/logs/_delete_logs_table_sales.html.erb
  5. 16
      app/views/logs/delete_logs.html.erb

5
app/frontend/styles/_delete-logs-table.scss

@ -0,0 +1,5 @@
.checkbox-cell {
.govuk-checkboxes__item {
margin-top: -7px;
}
}

1
app/frontend/styles/application.scss

@ -44,6 +44,7 @@ $govuk-breakpoints: (
@import "search";
@import "sub-navigation";
@import "errors";
@import "delete-logs-table";
// App utilities
.app-\!-colour-muted {

2
app/views/logs/_delete_logs_table_lettings.html.erb

@ -16,7 +16,7 @@
<% row.cell text: log.tenancycode %>
<% row.cell text: log.propcode %>
<% row.cell text: status_tag(log.status) %>
<% row.cell do %>
<% row.cell html_attributes: { class: "checkbox-cell" } do %>
<% f.govuk_check_box :selected_ids, log.id,
label: { text: log.id, hidden: true },
checked: delete_logs_form.selected_ids.include?(log.id) %>

2
app/views/logs/_delete_logs_table_sales.html.erb

@ -16,7 +16,7 @@
<% row.cell text: log.purchid %>
<% row.cell text: log.saledate&.to_formatted_s(:govuk_date) %>
<% row.cell text: status_tag(log.status) %>
<% row.cell do %>
<% row.cell html_attributes: { class: "checkbox-cell" } do %>
<% f.govuk_check_box :selected_ids, log.id,
label: { text: log.id, hidden: true },
checked: delete_logs_form.selected_ids.include?(log.id) %>

16
app/views/logs/delete_logs.html.erb

@ -10,11 +10,13 @@
</h1>
<p>You've selected <%= @delete_logs_form.log_count %> <%= "log".pluralize(@delete_logs_form.log_count) %> to delete</p>
<%= form_with model: @delete_logs_form, url: @delete_logs_form.delete_confirmation_path do |f| %>
<%= f.hidden_field :search_term, value: @delete_logs_form.search_term %>
<%= f.govuk_error_summary %>
<%= render partial: @delete_logs_form.table_partial_name, locals: { f:, delete_logs_form: @delete_logs_form } %>
<%= f.govuk_submit "Continue" do %>
<%= govuk_button_link_to "Cancel", @delete_logs_form.back_to_logs_path, secondary: true %>
<div class="govuk-checkboxes govuk-checkboxes--small">
<%= form_with model: @delete_logs_form, url: @delete_logs_form.delete_confirmation_path do |f| %>
<%= f.hidden_field :search_term, value: @delete_logs_form.search_term %>
<%= f.govuk_error_summary %>
<%= render partial: @delete_logs_form.table_partial_name, locals: { f:, delete_logs_form: @delete_logs_form } %>
<%= f.govuk_submit "Continue" do %>
<%= govuk_button_link_to "Cancel", @delete_logs_form.back_to_logs_path, secondary: true %>
<% end %>
<% end %>
<% end %>
</div>

Loading…
Cancel
Save