From 465373ab2d6318e41e825bffc30631b28a1f635e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Fri, 13 Sep 2019 12:35:11 +0100
Subject: [PATCH] fix(ci): force default font for percy

---
 ui/src/Components/Grid/index.stories.js         | 2 +-
 ui/src/Components/MainModal/index.stories.js    | 2 +-
 ui/src/Components/NavBar/index.stories.js       | 2 +-
 ui/src/Components/SilenceModal/index.stories.js | 2 +-
 ui/src/Percy.scss                               | 5 +++++
 5 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 ui/src/Percy.scss

diff --git a/ui/src/Components/Grid/index.stories.js b/ui/src/Components/Grid/index.stories.js
index ff61ce318..eff27cdcf 100644
--- a/ui/src/Components/Grid/index.stories.js
+++ b/ui/src/Components/Grid/index.stories.js
@@ -15,7 +15,7 @@ import { FatalError } from "./FatalError";
 import { UpgradeNeeded } from "./UpgradeNeeded";
 import { AlertGrid } from "./AlertGrid";
 
-import "App.scss";
+import "Percy.scss";
 
 const MockGroup = (groupName, alertCount, active, suppressed, unprocessed) => {
   let alerts = [];
diff --git a/ui/src/Components/MainModal/index.stories.js b/ui/src/Components/MainModal/index.stories.js
index 572274930..f3d3c35dd 100644
--- a/ui/src/Components/MainModal/index.stories.js
+++ b/ui/src/Components/MainModal/index.stories.js
@@ -6,7 +6,7 @@ import { AlertStore } from "Stores/AlertStore";
 import { Settings } from "Stores/Settings";
 import { MainModalContent, TabNames } from "./MainModalContent";
 
-import "App.scss";
+import "Percy.scss";
 
 storiesOf("MainModal", module)
   .addDecorator(storyFn => (
diff --git a/ui/src/Components/NavBar/index.stories.js b/ui/src/Components/NavBar/index.stories.js
index ebf5745ff..70a75bdec 100644
--- a/ui/src/Components/NavBar/index.stories.js
+++ b/ui/src/Components/NavBar/index.stories.js
@@ -7,7 +7,7 @@ import { Settings } from "Stores/Settings";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { NavBar } from ".";
 
-import "App.scss";
+import "Percy.scss";
 
 const NewFilter = (raw, name, matcher, value, applied, isValid, hits) => {
   const filter = NewUnappliedFilter(raw);
diff --git a/ui/src/Components/SilenceModal/index.stories.js b/ui/src/Components/SilenceModal/index.stories.js
index a4dda4e78..a5f1bd2c2 100644
--- a/ui/src/Components/SilenceModal/index.stories.js
+++ b/ui/src/Components/SilenceModal/index.stories.js
@@ -11,7 +11,7 @@ import {
 } from "Stores/SilenceFormStore";
 import { SilenceModalContent } from "./SilenceModalContent";
 
-import "App.scss";
+import "Percy.scss";
 
 const MockMatcher = (name, values, isRegex) => {
   const matcher = NewEmptyMatcher();
diff --git a/ui/src/Percy.scss b/ui/src/Percy.scss
new file mode 100644
index 000000000..c1ac28309
--- /dev/null
+++ b/ui/src/Percy.scss
@@ -0,0 +1,5 @@
+@import "src/App.scss";
+
+body {
+  font-family: sans-serif !important;
+}