CCM-8593: content security policy compliance

Author: mark-r-bjss

.vscode/settings.json

@@ -7,7 +7,7 @@
     "**/.DS_Store": true,
     "**/Thumbs.db": true,
     "**/.ruby-lsp": true,
-    "docs": true,
+    // "docs": true,
     ".devcontainer": true,
     ".github": true,
     ".vscode": false,

docs/Gemfile

@@ -15,6 +15,7 @@ gem "minima", "~> 2.5"
 # gem "github-pages", group: :jekyll_plugins
 # If you have any plugins, put them here!
 group :jekyll_plugins do
+  gem 'jekyll-content-security-policy-generator'
   gem "jekyll-feed", "~> 0.12"
   gem "jekyll-drawio"
 end

docs/_config.yml

@@ -34,6 +34,7 @@ collections:
 
 # Build settings
 plugins:
+  - jekyll-content-security-policy-generator
   - jekyll-feed
   - jekyll-sitemap
 

docs/_includes/breadcrumb.html

@@ -4,29 +4,68 @@
 
   <ol class="nhsuk-breadcrumb__list">
     <!-- Level 1 -->
-    <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/">Home</a></li>
+    <li class="nhsuk-breadcrumb__item">
+      <a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/">Home</a>
+
+    </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     <!-- Level 2 -->
     {% if page.parent == "Features" %}
     <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/features">Features</a>
     </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     {% endif %}
     {% if page.parent == "Pricing" %}
     <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/pricing">Pricing</a>
     </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     {% endif %}
     {% if page.parent == "Using NHS Notify" %}
     <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/using-nhs-notify">Using
         NHS Notify</a>
     </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     {% endif %}
     {% if page.parent == "Support" %}
     <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/support">Support</a>
     </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     {% endif %}
     {% if page.parent == "Get started" %}
     <li class="nhsuk-breadcrumb__item"><a class="nhsuk-breadcrumb__link" href="{{site.baseurl}}/get-started">Get
         started</a>
     </li>
+    <svg class='nhsuk-icon nhsnotify-breadcrumb-chevron' xmlns='http://www.w3.org/2000/svg' fill='#aeb7bd' height='18'
+      width='18' viewBox='0 0 24 24' aria-hidden='true'>
+      <path
+        d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'>
+      </path>
+    </svg>
     {% endif %}
   </ol>
 

docs/_sass/_nhsnotify.scss

@@ -172,3 +172,21 @@
   }
 
 }
+
+.nhsuk-breadcrumb__item:not(:last-child):after {
+  display: none;
+  height: 0px;
+  margin-left: 0px;
+  margin-right: 0px;
+  width: 0px;
+}
+
+.nhsnotify-breadcrumb-chevron {
+  width: 18px;
+  height: 18px;
+  margin-bottom: -4px;
+}
+
+.nhsnotify-breadcrumb-chevron:last-child {
+  display: none;
+}