You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@aurora.apache.org by dm...@apache.org on 2017/10/17 20:14:32 UTC
aurora git commit: Center pagination links when not a table.
Repository: aurora
Updated Branches:
refs/heads/master 7d8e213cf -> 9558a633e
Center pagination links when not a table.
Reviewed at https://reviews.apache.org/r/63079/
Project: http://git-wip-us.apache.org/repos/asf/aurora/repo
Commit: http://git-wip-us.apache.org/repos/asf/aurora/commit/9558a633
Tree: http://git-wip-us.apache.org/repos/asf/aurora/tree/9558a633
Diff: http://git-wip-us.apache.org/repos/asf/aurora/diff/9558a633
Branch: refs/heads/master
Commit: 9558a633e8eb63b66a580dae6967f89e94b4487c
Parents: 7d8e213
Author: David McLaughlin <da...@dmclaughlin.com>
Authored: Tue Oct 17 13:14:25 2017 -0700
Committer: David McLaughlin <da...@dmclaughlin.com>
Committed: Tue Oct 17 13:14:25 2017 -0700
----------------------------------------------------------------------
ui/src/main/js/components/Pagination.js | 12 +++++++-----
ui/src/main/sass/app.scss | 1 +
ui/src/main/sass/components/_pagination.scss | 3 +++
3 files changed, 11 insertions(+), 5 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/aurora/blob/9558a633/ui/src/main/js/components/Pagination.js
----------------------------------------------------------------------
diff --git a/ui/src/main/js/components/Pagination.js b/ui/src/main/js/components/Pagination.js
index 6a8b73e..094ef2b 100644
--- a/ui/src/main/js/components/Pagination.js
+++ b/ui/src/main/js/components/Pagination.js
@@ -21,11 +21,13 @@ export function PageNavigation({currentPage, maxPages, numPages, onClick}) {
? <li key='next'><a onClick={(e) => onClick(currentPage + 1)}>»</a></li>
: '';
- return (<ul className='pagination'>
- {prevPage}
- {pages}
- {nextPage}
- </ul>);
+ return (<div className='pagination-wrapper'>
+ <ul className='pagination'>
+ {prevPage}
+ {pages}
+ {nextPage}
+ </ul>
+ </div>);
}
export default class Pagination extends React.Component {
http://git-wip-us.apache.org/repos/asf/aurora/blob/9558a633/ui/src/main/sass/app.scss
----------------------------------------------------------------------
diff --git a/ui/src/main/sass/app.scss b/ui/src/main/sass/app.scss
index 3a799b6..c4b1413 100644
--- a/ui/src/main/sass/app.scss
+++ b/ui/src/main/sass/app.scss
@@ -8,6 +8,7 @@
@import 'components/breadcrumb';
@import 'components/instance-viz';
@import 'components/navigation';
+@import 'components/pagination';
@import 'components/state-machine';
@import 'components/status';
@import 'components/tables';
http://git-wip-us.apache.org/repos/asf/aurora/blob/9558a633/ui/src/main/sass/components/_pagination.scss
----------------------------------------------------------------------
diff --git a/ui/src/main/sass/components/_pagination.scss b/ui/src/main/sass/components/_pagination.scss
new file mode 100644
index 0000000..3372491
--- /dev/null
+++ b/ui/src/main/sass/components/_pagination.scss
@@ -0,0 +1,3 @@
+.pagination-wrapper {
+ text-align: center;
+}