tweaked paginator-block with css3 transition and ready class instead of invisible class

9 years ago · 4e485806b3
parent 9bfface16f
commit 4e485806b3
2 changed files with 7 additions and 1 deletions
--- a/less/topic.less
+++ b/less/topic.less
@ -346,6 +346,12 @@
 		bottom: 0px;
 		left: 0px;
 		z-index: 100;
+		transition: opacity 250ms ease-in;
+		opacity: 0;
+
+		&.ready {
+			opacity: 1;
+		}

 		.wrapper {
 			padding: 5px 0px 5px 0px;
--- a/templates/partials/menu.tpl
+++ b/templates/partials/menu.tpl
@ -149,7 +149,7 @@
 					</li>
 				</ul>

-				<ul class="nav navbar-nav navbar-right pagination-block invisible visible-lg visible-md">
+				<ul class="nav navbar-nav navbar-right pagination-block visible-lg visible-md">
 					<li class="dropdown">
 						<i class="fa fa-angle-double-up pointer fa-fw pagetop"></i>
 						<i class="fa fa-angle-up pointer fa-fw pageup"></i>