From 3d713ff775f1688e87af32260d6dbef6b76eb32e Mon Sep 17 00:00:00 2001
From: Martin Hradil <mhradil@redhat.com>
Date: Thu, 31 May 2018 11:52:56 +0000
Subject: [PATCH] Fix "<select> per page" styling in patternfly 3.25

The css comes from patternfly/patternfly#910, wrapped in a `.miq-v2v` so that we can be sure this only affects v2v screeens.

Unfortunately dialogs get opened directly under body, so any such class needs to live on body.

(Fortunately there are no cross-controller ajax transitions in gaprindashvili.)
---
 .../react/screens/App/Overview/Overview.scss        | 13 +++++++++++++
 app/views/layouts/_full_center_v2v.html.haml        |  4 ++++
 2 files changed, 17 insertions(+)

diff --git a/app/javascript/react/screens/App/Overview/Overview.scss b/app/javascript/react/screens/App/Overview/Overview.scss
index 36a6a5a5da..5aa5be5b9c 100644
--- a/app/javascript/react/screens/App/Overview/Overview.scss
+++ b/app/javascript/react/screens/App/Overview/Overview.scss
@@ -96,6 +96,19 @@ hr {
   margin-left: initial;
 }
 
+// Patternfly 3.25 compatibility - comes from patternfly/patternfly#910, made specific to v2v for gaprindashvili
+.miq-v2v .content-view-pf-pagination .form-group {
+  .pagination-pf-pagesize.bootstrap-select.btn-group,
+  .pagination-pf-pagesize.btn-group {
+    display: flex;
+    float: none;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 5px;
+    width: auto;
+  }
+}
+
 // The below style could be moved to core for the ConfirmModal component (or first, to the CSS in patternfly-react for that)
 
 .confirm-warning-icon {
diff --git a/app/views/layouts/_full_center_v2v.html.haml b/app/views/layouts/_full_center_v2v.html.haml
index c47c6c64ac..a7f000ce91 100644
--- a/app/views/layouts/_full_center_v2v.html.haml
+++ b/app/views/layouts/_full_center_v2v.html.haml
@@ -3,3 +3,7 @@
 
 .container-fluid.container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-sub-menus{:style => "overflow: hidden; height: 100%;"}
   = yield
+
+:javascript
+  // gaprindashvili-specific hack to support v2v-specific styling even for dialogs (outside #reactRoot)
+  $('body').addClass('miq-v2v');