fix: header CSS

blackxored · Nov 15, 2017 · 40e6df8 · 40e6df8
1 parent c1fbd02
commit 40e6df8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/__tests__/__snapshots__/formatMessage.test.js.snap b/src/__tests__/__snapshots__/formatMessage.test.js.snap
@@ -3,11 +3,19 @@
 exports[`formatMessage returns a list of strings suitable for console logging 1`] = `
 Array [
   "%c apollo %cquery %cFormatMessageQuery %c(in 1000 ms)",
+  "color: gray; font-weight: lighter",
+  "color: #03A9F4;",
+  "color: #000;",
+  "color: gray; font-weight: lighter;",
 ]
 `;
 
 exports[`formatMessage returns a list of strings suitable for console logging 2`] = `
 Array [
   "%c apollo %cmutation %cFormatMessageMutation %c(in 500 ms)",
+  "color: gray; font-weight: lighter",
+  "color: red;",
+  "color: #000;",
+  "color: gray; font-weight: lighter;",
 ]
 `;
diff --git a/src/formatMessage.js b/src/formatMessage.js
@@ -12,7 +12,7 @@ const formatMessage = (operationType, operation, ellapsed) => {
   parts.push(`%c${operation.operationName}`);
   parts.push(`%c(in ${ellapsed} ms)`);
 
-  return [parts.join(' ', ...headerCss)];
+  return [parts.join(' '), ...headerCss];
 };
 
 module.exports = formatMessage;