Browse Source

feat: shrink headers, make text the same and match underline width to tabs component

pull/2155/head
natdeanlewissoftwire 2 years ago
parent
commit
e2ab60e05a
  1. 2
      app/components/document_list_component.html.erb
  2. 6
      app/frontend/styles/_tab.scss
  3. 2
      app/views/home/index.html.erb
  4. 8
      app/views/layouts/_collection_resources.html.erb

2
app/components/document_list_component.html.erb

@ -1,4 +1,4 @@
<h2 class="govuk-heading-l"><%= label %></h2> <h3 class="govuk-heading-m"><%= label %></h3>
<dl class="app-document-list"> <dl class="app-document-list">
<% items.each do |item| %> <% items.each do |item| %>
<div class="app-document-list__item"> <div class="app-document-list__item">

6
app/frontend/styles/_tab.scss

@ -7,3 +7,9 @@
min-width: 35.375em; min-width: 35.375em;
} }
} }
@media (min-width: 35.375em) {
.app-tab__underline {
min-width: 35.375em;
}
}

2
app/views/home/index.html.erb

@ -48,7 +48,9 @@
</div> </div>
<div class="govuk-grid-row"> <div class="govuk-grid-row">
<%= render partial: "layouts/collection_resources" %> <%= render partial: "layouts/collection_resources" %>
<div class="app-tab__underline">
<hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8"> <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
</div>
<%= render partial: "home/upcoming_deadlines" %> <%= render partial: "home/upcoming_deadlines" %>
<hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8"> <hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
<%= render partial: "layouts/about_this_service" %> <%= render partial: "layouts/about_this_service" %>

8
app/views/layouts/_collection_resources.html.erb

@ -27,7 +27,7 @@
metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2024-25.xlsx"), metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2024-25.xlsx"),
}, },
], ],
label: "Lettings 2024/25" label: "Lettings 24/25"
) %> ) %>
<% end %> <% end %>
<% c.with_tab(label: "Sales 24/25") do %> <% c.with_tab(label: "Sales 24/25") do %>
@ -49,7 +49,7 @@
metadata: file_type_size_and_pages("bulk-upload-sales-specification-2024-25.xlsx"), metadata: file_type_size_and_pages("bulk-upload-sales-specification-2024-25.xlsx"),
}, },
], ],
label: "Sales 2024/25" label: "Sales 24/25"
) %> ) %>
<% end %> <% end %>
<% end %> <% end %>
@ -78,7 +78,7 @@
metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2023-24.xlsx"), metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2023-24.xlsx"),
}, },
], ],
label: "Lettings 2023/24" label: "Lettings 23/24"
) %> ) %>
<% end %> <% end %>
<% c.with_tab(label: "Sales 23/24") do %> <% c.with_tab(label: "Sales 23/24") do %>
@ -105,7 +105,7 @@
metadata: file_type_size_and_pages("bulk-upload-sales-specification-2023-24.xlsx"), metadata: file_type_size_and_pages("bulk-upload-sales-specification-2023-24.xlsx"),
}, },
], ],
label: "Sales 2023/24" label: "Sales 23/24"
) %> ) %>
<% end %> <% end %>
<% end %> <% end %>

Loading…
Cancel
Save