Temp - add view styles

alphagov · Dec 2, 2022 · a215fbd · a215fbd
1 parent 4ed99a1
commit a215fbd
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 8 deletions.
diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js
@@ -1,9 +1,8 @@
 //= link application.css
 //= link print.css
-//= link govuk_publishing_components/components/_radio.css
-//= link govuk_publishing_components/components/_date-input.css
-//= link govuk_publishing_components/components/_fieldset.css
-//= link govuk_publishing_components/components/_summary-list.css
+//= link components/_result-card.css
+//= link components/_result-item.css
+//= link components/_result-sections.css
 //= link visualise.css
 //= link joint.css
 //= link application.js

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -26,9 +26,9 @@ $govuk-include-default-font-face: false;
 // @import "govuk_publishing_components/components/warning-text";
 
 @import "components/autocomplete";
-@import "components/result-card";
-@import "components/result-item";
-@import "components/result-sections";
+// @import "components/result-card";
+// @import "components/result-item";
+// @import "components/result-sections";
 // @import "smart_answers";
 
 .desktop-min-height {

diff --git a/app/assets/stylesheets/components/_result-card.scss b/app/assets/stylesheets/components/_result-card.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-card {
   position: relative;
   padding: govuk-spacing(5) govuk-spacing(4);

diff --git a/app/assets/stylesheets/components/_result-item.scss b/app/assets/stylesheets/components/_result-item.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-item {
   @include govuk-font($size: 19);
   padding-top: govuk-spacing(6);

diff --git a/app/assets/stylesheets/components/_result-sections.scss b/app/assets/stylesheets/components/_result-sections.scss
@@ -1,3 +1,5 @@
+@import "govuk_publishing_components/govuk_frontend_support";
+
 .app-c-result-sections {
   margin-bottom: govuk-spacing(7) * 2;
 }

diff --git a/app/views/components/_result-card.html.erb b/app/views/components/_result-card.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-card") %>
+
 <%
   title ||= nil
   description ||= nil
@@ -9,7 +12,8 @@
     raise ArgumentError, "The result card component requires a title, url, url_text and url_track_action"
   end
 %>
-<div class="app-c-result-card">
+CARD
+<div class="app-c-result-card fdsf">
   <%= render "govuk_publishing_components/components/heading", {
     text: title,
     heading_level: 2,

diff --git a/app/views/components/_result-item.html.erb b/app/views/components/_result-item.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-item") %>
+
 <%
   title ||= nil
   url ||= nil

diff --git a/app/views/components/_result-sections.html.erb b/app/views/components/_result-sections.html.erb
@@ -1,3 +1,5 @@
+<% @individual_stylesheets.add_component("result-sections") %>
+
 <%
   highlighted ||= true
   group_index ||= 1

diff --git a/app/views/components/check_uk_visa/_result-card.html.erb b/app/views/components/check_uk_visa/_result-card.html.erb
@@ -1,3 +1,6 @@
+<%= debug(@individual_stylesheets) %>
+<% @individual_stylesheets.add_component("result-card") %>
+
 <%
   type ||= nil
   title ||= nil