aurora-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From dmclaugh...@apache.org
Subject aurora git commit: Center pagination links when not a table.
Date Tue, 17 Oct 2017 20:14:32 GMT
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 <david@dmclaughlin.com>
Authored: Tue Oct 17 13:14:25 2017 -0700
Committer: David McLaughlin <david@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)}>&raquo;</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;
+}


Mime
View raw message