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. 4
      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">
<% items.each do |item| %>
<div class="app-document-list__item">

6
app/frontend/styles/_tab.scss

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

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

@ -48,7 +48,9 @@
</div>
<div class="govuk-grid-row">
<%= render partial: "layouts/collection_resources" %>
<hr class="govuk-section-break govuk-section-break--visible govuk-section-break--m govuk-!-margin-top-8 govuk-!-margin-bottom-8">
<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">
</div>
<%= 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">
<%= 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"),
},
],
label: "Lettings 2024/25"
label: "Lettings 24/25"
) %>
<% end %>
<% 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"),
},
],
label: "Sales 2024/25"
label: "Sales 24/25"
) %>
<% end %>
<% end %>
@ -78,7 +78,7 @@
metadata: file_type_size_and_pages("bulk-upload-lettings-specification-2023-24.xlsx"),
},
],
label: "Lettings 2023/24"
label: "Lettings 23/24"
) %>
<% end %>
<% 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"),
},
],
label: "Sales 2023/24"
label: "Sales 23/24"
) %>
<% end %>
<% end %>

Loading…
Cancel
Save