Release v3.10.1

[vanitabarrett]

Part of #2038

3.10.1 (Patch release)

Fixes

We’ve made fixes to GOV.UK Frontend in the following pull requests:

• #2035: Fix hairline gap between notification banner header and outer border on high resolution screens in Chrome/Edge (Blink)
• #2036: Explicitly set the text colour for notification banner content, rather than using the user-agent default text colour
• #2042: Wrap notification banner content at 2/3 grid width

[36degrees]

Changes to dist

diff --git a/dist/VERSION.txt b/dist/VERSION.txt
index 80798f32..1c2b28b9 100644
--- a/dist/VERSION.txt
+++ b/dist/VERSION.txt
@@ -1 +1 @@
-3.10.0
+3.10.1
diff --git a/dist/govuk-frontend-3.10.0.min.css b/dist/govuk-frontend-3.10.1.min.css
similarity index 62%
rename from dist/govuk-frontend-3.10.0.min.css
rename to dist/govuk-frontend-3.10.1.min.css
index 902d8f11..a8dd6eb2 100644
--- a/dist/govuk-frontend-3.10.0.min.css
+++ b/dist/govuk-frontend-3.10.1.min.css
@@ -4002,7 +4002,8 @@ only screen and (min-resolution:192dpi) {
     font-size: 1rem;
     line-height: 1.25;
     margin-bottom: 30px;
-    border: 5px solid #1d70b8
+    border: 5px solid #1d70b8;
+    background-color: #1d70b8
 }
 
 @media print {
@@ -4038,8 +4039,7 @@ only screen and (min-resolution:192dpi) {
 
 .govuk-notification-banner__header {
     padding: 2px 15px 5px;
-    border-bottom: 1px solid rgba(0, 0, 0, 0);
-    background-color: #1d70b8
+    border-bottom: 1px solid rgba(0, 0, 0, 0)
 }
 
 @media (min-width:40.0625em) {
@@ -4083,15 +4083,32 @@ only screen and (min-resolution:192dpi) {
 }
 
 .govuk-notification-banner__content {
-    margin: 15px
+    color: #0b0c0c;
+    padding: 15px;
+    background-color: #fff
+}
+
+@media print {
+    .govuk-notification-banner__content {
+        color: #000
+    }
 }
 
 @media (min-width:40.0625em) {
     .govuk-notification-banner__content {
-        margin: 20px
+        padding: 20px
     }
 }
 
+.govuk-notification-banner__content>* {
+    box-sizing: border-box;
+    max-width: 605px
+}
+
+.govuk-notification-banner__content>:last-child {
+    margin-bottom: 0
+}
+
 .govuk-notification-banner__heading {
     font-family: GDS Transport, arial, sans-serif;
     -webkit-font-smoothing: antialiased;
@@ -4159,10 +4176,7 @@ only screen and (min-resolution:192dpi) {
 }
 
 .govuk-notification-banner--success {
-    border-color: #00703c
-}
-
-.govuk-notification-banner--success .govuk-notification-banner__header {
+    border-color: #00703c;
     background-color: #00703c
 }
 
diff --git a/dist/govuk-frontend-3.10.0.min.js b/dist/govuk-frontend-3.10.1.min.js
similarity index 100%
rename from dist/govuk-frontend-3.10.0.min.js
rename to dist/govuk-frontend-3.10.1.min.js
diff --git a/dist/govuk-frontend-ie8-3.10.0.min.css b/dist/govuk-frontend-ie8-3.10.1.min.css
similarity index 64%
rename from dist/govuk-frontend-ie8-3.10.0.min.css
rename to dist/govuk-frontend-ie8-3.10.1.min.css
index 38b2c772..98cd836a 100644
--- a/dist/govuk-frontend-ie8-3.10.0.min.css
+++ b/dist/govuk-frontend-ie8-3.10.1.min.css
@@ -2406,7 +2406,8 @@
     font-size: 1.1875rem;
     line-height: 1.31579;
     margin-bottom: 50px;
-    border: 5px solid #1d70b8
+    border: 5px solid #1d70b8;
+    background-color: #1d70b8
 }
 
 .govuk-notification-banner:focus {
@@ -2415,7 +2416,6 @@
 
 .govuk-notification-banner__header {
     border-bottom: 1px solid transparent;
-    background-color: #1d70b8;
     padding: 2px 20px 5px
 }
 
@@ -2436,7 +2436,18 @@
 }
 
 .govuk-notification-banner__content {
-    margin: 20px
+    color: #0b0c0c;
+    background-color: #fff;
+    padding: 20px
+}
+
+.govuk-notification-banner__content>* {
+    box-sizing: border-box;
+    max-width: 605px
+}
+
+.govuk-notification-banner__content>:last-child {
+    margin-bottom: 0
 }
 
 .govuk-notification-banner__heading {
@@ -2479,10 +2490,7 @@
 }
 
 .govuk-notification-banner--success {
-    border-color: #00703c
-}
-
-.govuk-notification-banner--success .govuk-notification-banner__header {
+    border-color: #00703c;
     background-color: #00703c
 }

[36degrees]

👍🏻