change pagination drop direction to up

This commit is contained in:
Keith Grant
2019-05-17 07:47:17 -07:00
parent 957984d9e9
commit 7ff7517bdf
2 changed files with 9 additions and 6 deletions

View File

@@ -2592,6 +2592,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
withHash={true} withHash={true}
> >
<Pagination__AWXPagination <Pagination__AWXPagination
dropDirection="up"
itemCount={2} itemCount={2}
onPerPageSelect={[Function]} onPerPageSelect={[Function]}
onSetPage={[Function]} onSetPage={[Function]}
@@ -2635,6 +2636,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
variant="bottom" variant="bottom"
> >
<StyledComponent <StyledComponent
dropDirection="up"
forwardedComponent={ forwardedComponent={
Object { Object {
"$$typeof": Symbol(react.forward_ref), "$$typeof": Symbol(react.forward_ref),
@@ -2702,7 +2704,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
> >
<Pagination <Pagination
className="Pagination__AWXPagination-c2dclb-0 dXBcqV" className="Pagination__AWXPagination-c2dclb-0 dXBcqV"
dropDirection="down" dropDirection="up"
itemCount={2} itemCount={2}
onFirstClick={[Function]} onFirstClick={[Function]}
onLastClick={[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" className="pf-c-pagination pf-m-footer Pagination__AWXPagination-c2dclb-0 dXBcqV"
> >
<OptionsMenu <OptionsMenu
dropDirection="down" dropDirection="up"
firstIndex={1} firstIndex={1}
itemCount={2} itemCount={2}
itemsPerPageTitle="Items per page" itemsPerPageTitle="Items per page"
@@ -2801,7 +2803,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
</span> </span>
<Dropdown <Dropdown
className="" className=""
direction="down" direction="up"
dropdownItems={ dropdownItems={
Array [ Array [
<Item <Item
@@ -2898,7 +2900,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
} }
> >
<div <div
className="pf-c-dropdown" className="pf-c-dropdown pf-m-top"
> >
<OptionsToggle <OptionsToggle
ariaHasPopup={true} ariaHasPopup={true}
@@ -2915,7 +2917,7 @@ exports[`<OrganizationNotifications /> initially renders succesfully 1`] = `
optionsToggle="Select" optionsToggle="Select"
parentRef={ parentRef={
<div <div
class="pf-c-dropdown" class="pf-c-dropdown pf-m-top"
> >
<div <div
class="pf-c-options-menu__toggle pf-m-plain pf-m-text" class="pf-c-options-menu__toggle pf-m-plain pf-m-text"

View File

@@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import styled, { css } from 'styled-components'; 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 { I18n } from '@lingui/react';
import { t } from '@lingui/macro'; import { t } from '@lingui/macro';
@@ -29,6 +29,7 @@ export default (props) => (
currPage: i18n._(t`Current page`), currPage: i18n._(t`Current page`),
paginationTitle: i18n._(t`Pagination`) paginationTitle: i18n._(t`Pagination`)
}} }}
dropDirection={DropdownDirection.up}
{...props} {...props}
/> />
)} )}