From bd03dd4836ef58a8ba65567d672da95e9bfaecee Mon Sep 17 00:00:00 2001
From: barisusakli <barisusakli@gmail.com>
Date: Thu, 1 Oct 2015 17:42:48 -0400
Subject: [PATCH] mobile paginator

---
 less/topic.less             | 18 ++++++++++++++++++
 templates/partials/menu.tpl |  2 +-
 templates/topic.tpl         | 12 ++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/less/topic.less b/less/topic.less
index 206d2fc..64d7c45 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -319,6 +319,24 @@
 			}
 		}
 	}
+
+	.pagination-block {
+		position: fixed;
+		width: 100%;
+		background-color: #eee;
+		bottom: 0px;
+		left: 0px;
+
+		.wrapper {
+			padding: 5px 0px 5px 0px;
+		}
+		.progress-bar {
+			background-color: @brand-info;
+			display:block;
+			z-index: -1;
+			position: absolute;
+		}
+	}
 }
 
 .thread_active_users {
diff --git a/templates/partials/menu.tpl b/templates/partials/menu.tpl
index 236ca3c..184ef97 100644
--- a/templates/partials/menu.tpl
+++ b/templates/partials/menu.tpl
@@ -153,7 +153,7 @@
 						<i class="fa fa-angle-up pointer fa-fw pageup"></i>
 
 						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
-							<span id="pagination"></span>
+							<span class="pagination-text"></span>
 						</a>
 
 						<i class="fa fa-angle-down pointer fa-fw pagedown"></i>
diff --git a/templates/topic.tpl b/templates/topic.tpl
index 4319c6d..d88106c 100644
--- a/templates/topic.tpl
+++ b/templates/topic.tpl
@@ -47,6 +47,17 @@
 		<!-- IMPORT partials/paginator.tpl -->
 	<!-- ENDIF config.usePagination -->
 
+	<div class="visible-xs visible-sm pagination-block text-center">
+		<div class="progress-bar"></div>
+		<div class="wrapper">
+			<i class="fa fa-2x fa-angle-double-up pointer fa-fw pagetop"></i>
+			<i class="fa fa-2x fa-angle-up pointer fa-fw pageup"></i>
+			<span class="pagination-text"></span>
+			<i class="fa fa-2x fa-angle-down pointer fa-fw pagedown"></i>
+			<i class="fa fa-2x fa-angle-double-down pointer fa-fw pagebottom"></i>
+		</div>
+	</div>
+
 </div>
 
 <!-- IF !config.usePagination -->
@@ -54,3 +65,4 @@
 	<!-- IMPORT partials/paginator.tpl -->
 </noscript>
 <!-- ENDIF !config.usePagination -->
+