Add selected tags

DFE-Digital · Nov 5, 2024 · 988e49c · 988e49c
1 parent 6481e1d
commit 988e49c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/app/assets/stylesheets/find_application.scss b/app/assets/stylesheets/find_application.scss
@@ -418,7 +418,6 @@
 
 .sort-container {
   display: block;
-  margin-top: 20px;
 
   @include govuk-media-query($from: tablet) {
     display: flex;
@@ -497,3 +496,8 @@
 .secondary-button-filter {
   margin-bottom: 0;
 }
+
+.selected-tags {
+  border-bottom: 1px solid #b1b4b6;
+  margin-bottom: 20px;
+}
diff --git a/app/views/find/result_filters/_all.html.erb b/app/views/find/result_filters/_all.html.erb
@@ -1,9 +1,23 @@
 <%= form_with url: find_results_path, skip_enforcing_utf8: true, class: "app-filter", id: "result-filters", method: :get do |form| %>
   <div class="app-filter__header">
     <h2 class="govuk-heading-m">Filters</h2>
+
   </div>
 
   <div class="app-filter__content">
+
+  <div class="selected-tags">
+    <h3 class="govuk-heading-s govuk-!-margin-bottom-0">Study type</h3>
+    <ul class="moj-filter-tags">
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> Full time (12 months)</a></li>
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> Part time (18 to 24 months)</a></li>
+    </ul>
+    <h3 class="govuk-heading-s govuk-!-margin-bottom-0">Qualifications</h3>
+    <ul class="moj-filter-tags">
+      <li><a class="moj-filter__tag" href="/path/to/remove/this"><span class="govuk-visually-hidden">Remove this filter</span> QTS only</a></li>
+    </ul>
+  </div>
+
   <%= form.submit "Apply filters", name: nil, class: "govuk-button", data: { qa: "apply-filters" } %>
     <% if @filters_view.show_undergraduate_courses? %>
       <%= render "find/result_filters/send_filter", form: %>