highlight extra charge messaging (#17)

🐿 v2.7.0
Financial-Times · Jan 26, 2018 · cce30ad · cce30ad
1 parent cc38c71
commit cce30ad
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,6 +2,9 @@
 .editorconfig
 .eslintrc.js
 .stylelintrc
+package-lock.json*
+.vscode
 
 /bower_components/
 /node_modules/
+
diff --git a/src/js/config.js b/src/js/config.js
@@ -75,12 +75,12 @@ export const MESSAGES = {
 {{embargoMessage}}
 <p>Please ensure you have considered your <a data-trackable="contractual-rights" href="/republishing/contract">contractual rights</a> before republishing.</p>`,
 	MSG_2200: `${EMPTY}<p>Please contact us for details of republishing rights for this content (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>`,
-	MSG_2300: `${EMPTY}{{embargoMessage}}<p>This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>`,
-	MSG_2320: `${EMPTY}{{embargoMessage}}<p>This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>
+	MSG_2300: `${EMPTY}{{embargoMessage}}<p class="syndication-message__content--warning">This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>`,
+	MSG_2320: `${EMPTY}{{embargoMessage}}<p class="syndication-message__content--warning">This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>
 <p>Please ensure you have considered your <a data-trackable="contractual-rights" href="/republishing/contract">contractual rights</a> before republishing.</p>`,
 	MSG_2340: `${EMPTY}<p>This content has already been downloaded and therefore will not count towards your republishing limit.</p>
 {{embargoMessage}}
-<p>This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>
+<p class="syndication-message__content--warning">This content will incur additional charges to republish. Please contact us for further details (<a href="mailto:syndication@ft.com">syndication@ft.com</a> or +44 (0)207 873 4816).</p>
 <p>Please ensure you have considered your <a data-trackable="contractual-rights" href="/republishing/contract">contractual rights</a> before republishing.</p>`,
 	MSG_4000: `${EMPTY}<p>This content is not available for republishing.</p>`,
 	MSG_4050: `${EMPTY}<p>Sorry, this content is no longer available.</p>`,

diff --git a/src/js/modal-download.js b/src/js/modal-download.js
@@ -164,7 +164,7 @@ function createElement (item) {
 		trackableValueSaveForLater += '-downloads-page';
 	}
 	else if (location.pathname.includes('/save')) {
-//		trackableValueDownloadItem = 'download-saved-item';
+		// trackableValueDownloadItem = 'download-saved-item';
 		trackableValueDownloadItem = '';
 	}
 

diff --git a/src/scss/main.scss b/src/scss/main.scss
@@ -299,3 +299,8 @@
 		color: getColor('white');
 		}
 	}
+
+.n-syndication-modal-message .syndication-message__content--warning {
+	color: getColor('crimson');
+	font-weight: 500;
+}