hof 19.13.13 → 20.0.0-beta.1

package/sandbox/apps/sandbox/translations/src/en/pages.json

@@ -7,12 +7,6 @@
     "title": "Build your own form",
     "subheader": "Access the build your own form guidance link"
   },
-  "name": {
-    "header": "What is your full name?"
-  },
-  "dob": {
-    "header": "What is your date of birth?"
-  },
   "address": {
     "header": "What is your address in the UK?",
     "intro": "If you have no fixed address, enter an address where we can contact you."
@@ -23,23 +17,12 @@
   "radio": {
     "header": "What country was the appeal lodged?"
   },
-  "country-select": {
-    "header": "What country is your address located?"
-  },
   "email": {
     "header": "Enter your email address"
   },
   "phone-number": {
     "header": "Enter your phone number"
   },
-  "text-input-area": {
-    "header": "What are the details of your complaint?",
-    "intro": "Briefly summarise your complaint. Include anything that can help our investigation."
-  },
-  "select":{
-    "header": "What is the appeal stage?",
-    "intro": "Choose an appeal stage from the drop down menu"
-  },
   "confirm": {
     "header": "Check your answers before submitting your application.",
     "sections": {

package/sandbox/apps/sandbox/translations/src/en/validation.json

@@ -42,7 +42,7 @@
   },
   "complaintDetails": {
     "default": "Enter details about why you are making a complaint",
-    "maxlength": "Keep to the 5000 character limit"
+    "maxlength": "Keep to the {{maxlength}} character limit"
   },
   "appealStages": {
     "required": "Select an appeal stage from the list"

package/sandbox/assets/js/index.js

@@ -67,4 +67,4 @@ $('.typeahead').each(function applyTypeahead() {
     }),
     limit: 100
   });
-});
+});

package/sandbox/assets/scss/app.scss

@@ -1,5 +1,6 @@
 
 @import "../../../frontend/themes/gov-uk/styles/govuk";
+@import "../../../node_modules/govuk-frontend/govuk/all";
 
 //autocomplete styling
 .tt-menu {
@@ -8,20 +9,75 @@
     width: 65%;
   }
   
-  .tt-suggestion {
-    padding: 0.5em;
-  
-    &:hover,
-    &.tt-cursor {
-      color: #fff;
-      background-color: #0097cf;
-    }
-  
-    &:hover {
-      cursor: pointer;
-    }
+.tt-suggestion {
+  padding: 0.5em;
+
+  &:hover,
+  &.tt-cursor {
+    color: #fff;
+    background-color: #0097cf;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.twitter-typeahead {
+  width: 100%;
+}
+
+// govuk cookie banner styling
+.govuk-banner--success {
+  border-color: #00703c;
+  color: #00703c;
+}
+
+.govuk-banner {
+  border: 5px solid #1d70b8;
+  font-size: 0;
+  margin-bottom: 30px;
+  padding: 10px;
+}
+
+.govuk-banner__icon{
+  display: inline-block;
+}
+
+.govuk-banner__message {
+  font-family: "GDS Transport", Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  font-weight: 400;
+  font-size: 1rem;
+  line-height: 1.25;
+  color: #0b0c0c;
+  display: block;
+  overflow: hidden;
+  display: inline-block;
+  margin-left: 10px;
+}
+
+.govuk-banner__assistive {
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  clip: rect(0 0 0 0) !important;
+  clip-path: inset(50%) !important;
+  border: 0 !important;
+  white-space: nowrap !important;
   }
+
+.cookie-table-holder > table > tbody > tr > td:first-child{
+  font-weight:bold;
+}
+
+.js-enabled #global-cookie-message {
+  display: none;
+}
   
-  .twitter-typeahead {
-    width: 100%;
-  }
+#cookie-banner {
+  max-width: none;
+}

package/sandbox/package.json

@@ -9,6 +9,7 @@
   "scripts": {
     "start": "node server.js",
     "start:dev": "HOF_SANDBOX=true ../bin/hof-build watch",
+    "dev": "yarn && GA_TAG=test nodemon server",
     "build": "HOF_SANDBOX=true ../bin/hof-build",
     "postinstall": "yarn run build"
   },
@@ -17,5 +18,7 @@
     "jquery": "^3.6.0",
     "typeahead-aria": "^1.0.4"
   },
-  "devDependencies": {}
+  "devDependencies": {
+    "nodemon": "^2.0.15"
+  }
 }