feat: wip feedback component

4 years ago · f25c33f1aa
3 changed files with 18 additions and 3 deletions
--- a/app/frontend/styles/application.scss
+++ b/app/frontend/styles/application.scss
@ -69,6 +69,6 @@ $govuk-breakpoints: (
  }
 }

-.govuk-footer {
+.govuk-footer-body {
  border-top: govuk-spacing(2) solid $govuk-brand-colour;
 }
--- a/app/views/layouts/_give_feedback.html.erb
+++ b/app/views/layouts/_give_feedback.html.erb
@ -0,0 +1,9 @@
+<%= govuk_footer do |footer| %>
+  <%= footer.meta do %>
+    <span>Is this page useful?</span>
+    <button>
+      Report a problem with this page
+    </button>
+  <% end %>
+<% end %>
+
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@ -130,7 +130,13 @@
        <%= content_for?(:content) ? yield(:content) : yield %>
      </main>
    </div>
-
-    <%= render partial: "layouts/footer" %>
+    <div class="govuk-width-container">
+      <div class="govuk-grid-row">
+          <%= render partial: "layouts/give_feedback" %>
+      </div>
+    </div>
+    <div class="govuk-footer-body">
+      <%= render partial: "layouts/footer" %>
+    </div>
  </body>
 </html>