From 7ff7517bdf25f5ea5e6ec33d262d0c74da0a4fb0 Mon Sep 17 00:00:00 2001
From: Keith Grant <keithjgrant@redhat.com>
Date: Fri, 17 May 2019 07:47:17 -0700
Subject: [PATCH] change pagination drop direction to up

---
 .../OrganizationNotifications.test.jsx.snap          | 12 +++++++-----
 src/components/Pagination/Pagination.jsx             |  3 ++-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap b/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap
index b0ca8513a9..912c791a0a 100644
--- a/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap
+++ b/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap
@@ -2592,6 +2592,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                 withHash={true}
                               >
                                 <Pagination__AWXPagination
+                                  dropDirection="up"
                                   itemCount={2}
                                   onPerPageSelect={[Function]}
                                   onSetPage={[Function]}
@@ -2635,6 +2636,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                   variant="bottom"
                                 >
                                   <StyledComponent
+                                    dropDirection="up"
                                     forwardedComponent={
                                       Object {
                                         "$$typeof": Symbol(react.forward_ref),
@@ -2702,7 +2704,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                   >
                                     <Pagination
                                       className="Pagination__AWXPagination-c2dclb-0 dXBcqV"
-                                      dropDirection="down"
+                                      dropDirection="up"
                                       itemCount={2}
                                       onFirstClick={[Function]}
                                       onLastClick={[Function]}
@@ -2756,7 +2758,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                         className="pf-c-pagination pf-m-footer Pagination__AWXPagination-c2dclb-0 dXBcqV"
                                       >
                                         <OptionsMenu
-                                          dropDirection="down"
+                                          dropDirection="up"
                                           firstIndex={1}
                                           itemCount={2}
                                           itemsPerPageTitle="Items per page"
@@ -2801,7 +2803,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                             </span>
                                             <Dropdown
                                               className=""
-                                              direction="down"
+                                              direction="up"
                                               dropdownItems={
                                                 Array [
                                                   <Item
@@ -2898,7 +2900,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                               }
                                             >
                                               <div
-                                                className="pf-c-dropdown"
+                                                className="pf-c-dropdown pf-m-top"
                                               >
                                                 <OptionsToggle
                                                   ariaHasPopup={true}
@@ -2915,7 +2917,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
                                                   optionsToggle="Select"
                                                   parentRef={
                                                     <div
-                                                      class="pf-c-dropdown"
+                                                      class="pf-c-dropdown pf-m-top"
                                                     >
                                                       <div
                                                         class="pf-c-options-menu__toggle pf-m-plain pf-m-text"
diff --git a/src/components/Pagination/Pagination.jsx b/src/components/Pagination/Pagination.jsx
index fb481e6b65..926b9d73be 100644
--- a/src/components/Pagination/Pagination.jsx
+++ b/src/components/Pagination/Pagination.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled, { css } from 'styled-components';
-import { Pagination as PFPagination } from '@patternfly/react-core';
+import { Pagination as PFPagination, DropdownDirection } from '@patternfly/react-core';
 import { I18n } from '@lingui/react';
 import { t } from '@lingui/macro';
 
@@ -29,6 +29,7 @@ export default (props) => (
           currPage: i18n._(t`Current page`),
           paginationTitle: i18n._(t`Pagination`)
         }}
+        dropDirection={DropdownDirection.up}
         {...props}
       />
     )}