From 8a6244d8e83c0d11a8eec301632845534bed3d7c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 18 Sep 2019 13:27:40 +0100
Subject: [PATCH] fix(ui): set lower minimum height for Percy snapshots

---
 ui/package.json                                 | 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 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/package.json b/ui/package.json
index 6811fa314..7cfbd0101 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -60,7 +60,7 @@
     "build": "react-scripts build",
     "test": "react-scripts test",
     "storybook": "start-storybook",
-    "snapshot": "build-storybook --quiet -s public && percy-storybook --widths=700,1280"
+    "snapshot": "build-storybook --quiet -s public && percy-storybook --widths=700,1280 --minimum_height=200"
   },
   "jest": {
     "collectCoverageFrom": [
diff --git a/ui/src/Components/MainModal/index.stories.js b/ui/src/Components/MainModal/index.stories.js
index f3d3c35dd..fccf34890 100644
--- a/ui/src/Components/MainModal/index.stories.js
+++ b/ui/src/Components/MainModal/index.stories.js
@@ -10,7 +10,7 @@ import "Percy.scss";
 
 storiesOf("MainModal", module)
   .addDecorator(storyFn => (
-    <div className="overflow-auto modal d-block" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>
diff --git a/ui/src/Components/NavBar/index.stories.js b/ui/src/Components/NavBar/index.stories.js
index 70a75bdec..24aff9bdc 100644
--- a/ui/src/Components/NavBar/index.stories.js
+++ b/ui/src/Components/NavBar/index.stories.js
@@ -22,7 +22,7 @@ const NewFilter = (raw, name, matcher, value, applied, isValid, hits) => {
 
 storiesOf("NavBar", module)
   .addDecorator(storyFn => (
-    <div className="overflow-auto modal d-block" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>
diff --git a/ui/src/Components/SilenceModal/index.stories.js b/ui/src/Components/SilenceModal/index.stories.js
index a5f1bd2c2..80dc76488 100644
--- a/ui/src/Components/SilenceModal/index.stories.js
+++ b/ui/src/Components/SilenceModal/index.stories.js
@@ -23,7 +23,7 @@ const MockMatcher = (name, values, isRegex) => {
 
 storiesOf("SilenceModalContent", module)
   .addDecorator(storyFn => (
-    <div className="modal d-block overflow-auto" role="dialog">
+    <div>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>