From e8deeb1ede779a5e04fa89bb1f1c88522619b6be Mon Sep 17 00:00:00 2001 From: Eduardo Gomez Date: Sun, 15 Mar 2020 22:35:04 +0100 Subject: [PATCH] Improve success message in new newsletter form --- assets/images/success.png | Bin 0 -> 6616 bytes locales/en.json | 2 +- locales/es.json | 2 +- partials/newsletter-form.hbs | 6 +-- src/package-lock.json | 41 +++++++++++++----- src/sass/components/heading/_description.scss | 9 ++++ .../subscribe/_subscribe-section.scss | 15 +++++++ 7 files changed, 59 insertions(+), 16 deletions(-) create mode 100644 assets/images/success.png diff --git a/assets/images/success.png b/assets/images/success.png new file mode 100644 index 0000000000000000000000000000000000000000..164da6e736d08500f3dcc57e793be50170a4a8b0 GIT binary patch literal 6616 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 diff --git a/src/package-lock.json b/src/package-lock.json index 64403aa..d549766 100644 --- a/src/package-lock.json +++ b/src/package-lock.json @@ -5393,7 +5393,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -5414,12 +5415,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -5434,17 +5437,20 @@ "code-point-at": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "core-util-is": { "version": "1.0.2", @@ -5561,7 +5567,8 @@ "inherits": { "version": "2.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "ini": { "version": "1.3.5", @@ -5573,6 +5580,7 @@ "version": "1.0.0", "bundled": true, "dev": true, + "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -5587,6 +5595,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -5594,12 +5603,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -5618,6 +5629,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -5698,7 +5710,8 @@ "number-is-nan": { "version": "1.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "object-assign": { "version": "4.1.1", @@ -5710,6 +5723,7 @@ "version": "1.4.0", "bundled": true, "dev": true, + "optional": true, "requires": { "wrappy": "1" } @@ -5795,7 +5809,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -5831,6 +5846,7 @@ "version": "1.0.2", "bundled": true, "dev": true, + "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -5850,6 +5866,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -5893,12 +5910,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, diff --git a/src/sass/components/heading/_description.scss b/src/sass/components/heading/_description.scss index 67b7cac..bc00ec4 100644 --- a/src/sass/components/heading/_description.scss +++ b/src/sass/components/heading/_description.scss @@ -14,4 +14,13 @@ font-size: 1rem; } } + + &.in-newsletter-form { + font-size: 0.875rem; + max-width: 80%; + + @include respond-to('medium') { + max-width: 420px; + } + } } diff --git a/src/sass/components/subscribe/_subscribe-section.scss b/src/sass/components/subscribe/_subscribe-section.scss index b446911..c3285bc 100644 --- a/src/sass/components/subscribe/_subscribe-section.scss +++ b/src/sass/components/subscribe/_subscribe-section.scss @@ -98,6 +98,10 @@ .m-subscribe__error { display: block; } + + .m-subscribe__form { + margin-bottom: 20px; + } } .m-subscribe__success, @@ -106,3 +110,14 @@ display: none; } } + +.m-subscribe__success_icon { + display: block; + width: 64px; + height: 64px; + margin: 0 auto 25px; +} + +.m-subscribe__error { + text-align: center; +}